:root{--primary-branding-color:#008246;--background-dark:#1c1b1b}.splashing{display:none!important}.player-icon{flex-shrink:0;height:auto;display:block}.player-icon--sm{width:clamp(24px,2.5vw + 14px,44px)}.player-icon--md{width:clamp(32px,3vw + 20px,56px)}.player-icon--lg{width:clamp(48px,4vw + 32px,80px)}.web-player-page{color:#fff;background-color:#1c1b1b;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;font-family:var(--defaultFontsFamilyPopins)!important}.player-container{background-color:#000;width:100%;height:100%;transition:all .3s ease-in-out;position:relative;overflow:hidden}.player-container video{object-fit:cover;width:100%;height:100%}.gif-cover{z-index:10;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.gif-cover-image{object-fit:cover;width:100%;height:100%}.question-carousel-controller{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.question-carousel-controller .slick-slide>div{height:100vh;display:flex}.player-overlay{z-index:20;color:#fff;opacity:1;background:linear-gradient(#0000 70%,#0006 100%);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.player-overlay.is-playing{cursor:pointer;background:0 0}.center-controls{cursor:pointer;opacity:1;transition:opacity .4s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.question-area{bottom:calc(6rem + env(safe-area-inset-bottom,0px));text-align:center;box-sizing:border-box;pointer-events:auto;opacity:1;padding:10px 60px;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out;position:absolute;left:0;right:0;transform:translateY(0)}.manual-dots-container{pointer-events:auto;justify-content:center;gap:5px;margin-top:15px;display:flex}.manual-dot{cursor:pointer;background-color:#ffffff80;border-radius:2px;width:25px;height:4px;transition:background-color .3s}.manual-dot.active{background-color:#fff}.icon-wrapper{-webkit-backdrop-filter:blur(5px);background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s;display:flex}.icon-wrapper:hover{transform:scale(1.1)}.icon-wrapper svg{margin-left:5px}.sidebar-icons{bottom:calc(12rem + env(safe-area-inset-bottom,0px));text-shadow:0 1px 3px #00000080;cursor:default;opacity:1;flex-direction:column;align-items:center;gap:40px;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out;display:flex;position:absolute;right:15px;transform:translate(0)}.icon-container{cursor:pointer}.icon-container.active{color:#1c607a}.question-text{text-shadow:0 1px 3px #000000b3;margin:0;font-size:1.5rem;font-weight:500;line-height:1.4}.player-overlay.is-playing .center-controls{opacity:0;pointer-events:none}.player-overlay.is-playing .sidebar-icons{opacity:0;pointer-events:none;transform:translate(120%)}.sidebar-icons.kiosk-mode{opacity:.8;transform:translateY(-50%);top:50%!important;bottom:auto!important}.player-overlay.is-playing .sidebar-icons.kiosk-mode{transform:translate(120%,-50%)}.player-overlay.is-playing .question-area,.player-overlay.is-playing .bottom-controls{opacity:0;pointer-events:none;transform:translateY(100%)}.questions-panel{box-sizing:border-box;opacity:0;pointer-events:none;cursor:default;z-index:99999999;background:url(/assets/small_gradient_bottom_top.png) 50%/cover no-repeat;flex-direction:column;width:100%;height:85%;padding:20px 25px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.questions-panel.open{opacity:1;pointer-events:auto;transform:translateY(0);background:linear-gradient(#0000004d 0%,#000000e6 100%)!important}.questions-panel.kiosk-mode{bottom:env(safe-area-inset-bottom,0px)}.kiosk-cc-btn{bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:2147483647;cursor:pointer;pointer-events:auto;opacity:.25;position:absolute;right:20px}.panel-header{text-align:center;margin-bottom:10px;padding-bottom:10px}.liner{border:1px solid #fff;width:100%;height:2px;margin-top:15px}.panel-header h3{color:#fff;word-break:break-word;margin:0;padding-right:clamp(28px,4vw,44px);font-size:1.2rem;font-weight:700}.questions-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto;flex-grow:1;min-height:0;padding-bottom:20px;overflow-y:auto}.questions-list .question-item{cursor:pointer;color:#ffffffe6;margin:0 0 12px;font-size:1rem;line-height:1.4;transition:color .2s;font-family:var(--defaultFontsFamilyPopins)!important}.questions-list .question-item:hover{color:#fff}.bottom-controls{bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;cursor:default;z-index:99999999;opacity:1;justify-content:space-between;align-items:center;width:100%;height:75px;padding:0 20px;transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .4s ease-in-out;display:flex;position:absolute;left:0;transform:translateY(0)}.bottom-ctrl-side{flex-shrink:0;width:40px}.openbottom{background-color:#0000}.control-icon,.mic-icon-container{cursor:pointer}.mic-icon-container{justify-content:center;align-items:center;padding:10px;display:flex}video::-webkit-media-controls-picture-in-picture-button{display:none}.questions-list .question-item.selected{color:#00954c;font-weight:700}.ui-container{opacity:1;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}::cue{color:#fff;background-color:#00000080;border-radius:3px;font-size:.9em;font-weight:300;font-family:var(--defaultFontsFamilyPopins)!important;padding:10px!important}.buffering-spinner{z-index:25;background-color:#0003;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ant-spin-dot-item{background-color:var(--primary-branding-color)!important}.initial-state-container{box-sizing:border-box;text-align:center;pointer-events:none;width:100%;padding:0 20px;position:absolute;bottom:10%;left:0}.initial-state-title{color:#fff;text-shadow:0 2px 4px #00000080;margin:0;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:700}@media (min-width:768px){.player-container video{object-fit:contain;background-color:#000;width:100%;height:100%}.player-container{border:0 solid #111;width:auto;max-width:50.625vh;height:90vh}.player-icon--sm{width:clamp(28px,4vh + 4px,52px)}.player-icon--md{width:clamp(38px,5vh + 8px,68px)}.player-icon--lg{width:clamp(58px,6.33333vh + 20px,96px)}.icon-wrapper{width:clamp(68px,9vh,124px);height:clamp(68px,9vh,124px)}.icon-wrapper svg{width:clamp(30px,4vh,60px)!important;height:clamp(30px,4vh,60px)!important;font-size:clamp(30px,4vh,60px)!important}.panel-header svg{width:clamp(18px,2.8vh,36px)!important;height:clamp(18px,2.8vh,36px)!important;font-size:clamp(18px,2.8vh,36px)!important}.question-text{font-size:clamp(.95rem,2vh,2rem)}.initial-state-title{font-size:clamp(1.6rem,3vh,2.8rem)}.panel-header h3{font-size:clamp(1rem,2.5vh,2.25rem)}.questions-list .question-item{margin-bottom:clamp(10px,1.6vh,22px);font-size:clamp(.85rem,2vh,2rem)}.listening-input{padding:clamp(12px,1.8vh,22px) clamp(18px,2.5vw,35px);font-size:clamp(.85rem,1.8vh,1.3rem)}.bottom-controls{height:clamp(68px,9vh,118px);padding:0 clamp(14px,2.5vw,36px)}.bottom-ctrl-side{width:clamp(36px,4.5vh,66px)}.sidebar-icons{gap:clamp(28px,4vh,58px);bottom:clamp(10rem,18vh,22rem);right:clamp(10px,1.8vw,26px)}.question-area{padding:clamp(8px,1.2vh,18px) clamp(55px,8vw,90px);bottom:clamp(80px,13vh,160px)}.manual-dots-container{gap:clamp(4px,.8vh,10px);margin-top:clamp(10px,1.5vh,22px)}.manual-dot{width:clamp(20px,3vw,35px);height:clamp(3px,.5vh,6px)}.questions-panel{padding:clamp(14px,2.5vh,32px) clamp(18px,5vw,42px)}.progress-bar-container{height:clamp(38px,5vh,64px);padding:0 clamp(10px,1.8vw,26px)}.progress-bar-track{height:clamp(3px,.5vh,7px)}.progress-bar-thumb{width:clamp(10px,1.5vh,18px);height:clamp(10px,1.5vh,18px);margin-top:clamp(-4px,-.5vh,-6px)}.kiosk-cc-btn{bottom:clamp(1.5rem,3vh,4rem);right:clamp(14px,2vw,30px)}.sidebar-icons.kiosk-mode{gap:clamp(24px,4vh,56px)}.liner{margin-top:clamp(10px,1.5vh,20px)}}@media only screen and (max-width:767px){.sidebar-icons{top:17.5rem}.progress-bar-container{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}@media (min-width:1400px){.player-icon--sm{width:clamp(36px,2.16667vh + 18.6667px,62px)}.player-icon--md{width:clamp(48px,2.5vh + 28px,78px)}.player-icon--lg{width:clamp(72px,3.16667vh + 46.6667px,110px)}.icon-wrapper{width:clamp(88px,10vh,140px);height:clamp(88px,10vh,140px)}.icon-wrapper svg{width:clamp(40px,4.5vh,68px)!important;height:clamp(40px,4.5vh,68px)!important;font-size:clamp(40px,4.5vh,68px)!important}.question-text{font-size:clamp(1.1rem,2.2vh,2rem)}.initial-state-title{font-size:clamp(1.4rem,3.2vh,2.6rem)}.panel-header h3{font-size:clamp(1.2rem,2.5vh,2rem)}.questions-list .question-item{font-size:clamp(1rem,2vh,2rem)}.bottom-controls{height:clamp(80px,10vh,130px)}.bottom-ctrl-side{width:clamp(46px,5.5vh,76px)}.sidebar-icons{gap:clamp(36px,5vh,70px);right:clamp(14px,2vw,32px)}.panel-header svg{width:clamp(22px,3.2vh,46px)!important;height:clamp(22px,3.2vh,46px)!important;font-size:clamp(22px,3.2vh,46px)!important}}.username-block{text-align:center;width:100%;bottom:calc(4rem + env(safe-area-inset-bottom,0px));position:absolute;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:10000;box-sizing:border-box;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{color:#333;text-align:center;background-color:#fff;border-radius:24px;width:100%;max-width:400px;padding:35px 25px;position:relative;box-shadow:0 10px 30px #0003;font-family:var(--defaultFontsFamilyPopins), sans-serif!important}.modal-close-btn{cursor:pointer;color:#888;background:#f1f1f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover{background-color:#e0e0e0}.logo-container{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.modal-logo{width:35px;height:auto}.modal-title{color:#0d4a5c;margin:0 0 10px;font-size:1.8rem;font-weight:700;font-family:var(--defaultFontsFamilyPopins)!important}.modal-subtitle{color:#1c1b1b;margin:0 0 20px;font-size:1.3rem;font-weight:800}.modal-text{color:#555;margin:0 0 15px;font-size:.9rem;line-height:1.6}.modal-cta-title{margin:30px 0 15px;font-size:1.1rem;font-weight:800}.app-buttons{justify-content:center;gap:10px;display:flex}.store-button{cursor:pointer;height:45px;transition:transform .2s}.store-button:hover{transform:scale(1.05)}.listening-area{bottom:calc(140px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:absolute;left:20px;right:20px}.listening-input{color:#888;border:4px solid var(--primary-branding-color);z-index:99999;text-align:center;background-color:#fff;border-radius:50px;width:100%;padding:15px 25px;font-style:italic;box-shadow:0 4px 15px #0003}.listening-mic-icon{background-color:#a6d1ce;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:60px;height:60px;display:flex}.listening-mic-icon span{background-color:#040c25;border-radius:3px;width:3px;height:15px;animation:1.2s ease-in-out infinite wave}.listening-mic-icon span:nth-child(2){animation-delay:-1s}.listening-mic-icon span:nth-child(3){animation-delay:-.8s}.listening-mic-icon span:nth-child(4){animation-delay:-.6s}.listening-mic-icon span:nth-child(5){animation-delay:-.4s}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.icon-container.with-counter{flex-direction:column;align-items:center;gap:8px;display:flex}.like-counter{color:#fff;text-shadow:0 1px 2px #00000080;font-size:.9rem;font-weight:500}.icon-container{cursor:pointer;position:relative}.copied-message{color:#fff;white-space:nowrap;background-color:#000c;border-radius:14px;padding:6px 12px;font-size:.9rem;font-weight:500;animation:2s ease-in-out forwards fadeInOut;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.progress-bar-container{bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;z-index:50;align-items:center;gap:12px;width:100%;height:45px;padding:0 15px;display:flex;position:absolute;left:0}.time-display{color:#fff;text-shadow:1px 1px 2px #000000b3;font-size:.8rem;font-weight:500}.progress-bar-track{cursor:pointer;background-color:#ffffff4d;border-radius:2px;flex-grow:1;height:4px}.progress-bar-fill{background-color:#fff;border-radius:2px;height:100%;transition:width .1s linear}.preview-cover{z-index:15;background-color:#000;width:100%;height:100%;animation:.3s ease-in-out fadeIn;position:absolute;top:0;left:0}.preview-cover-image{object-fit:cover;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-block{text-align:center;width:100%;position:absolute;bottom:4rem;left:0}.username-block h2{font-size:22px!important;font-weight:700!important}.web-player-page video::-webkit-media-controls{display:none!important}.funnel-overlay{z-index:999999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.funnel-modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:24px}.funnel-modal h2{color:#000;font-size:24px;font-weight:800}.funnel-modal p{color:#000}.funnel-actions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.store-btn{color:#fff;background:#000;border-radius:8px;padding:12px;text-decoration:none}.continue-btn{color:#555;cursor:pointer;background:0 0;border:none}
