@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"normalize.css";@keyframes placeholder-animation{0%{transform:translate3d(-30%, 0, 0)}100%{transform:translate3d(30%, 0, 0)}}.placeholding .placeholder{position:relative;overflow:hidden;direction:var(--direction);background-color:rgba(0,0,0,.05) !important;opacity:.4;color:rgba(0,0,0,0);pointer-events:none}.placeholding .placeholder>*{opacity:0}.placeholding .placeholder::before{position:absolute;top:-50%;right:0;bottom:-50%;left:50%;z-index:1;width:400%;margin-left:-200%;background:linear-gradient(-80deg, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 54%) 50% 50%;animation:placeholder-animation 2s linear infinite;content:" ";pointer-events:none;transform:translate3d(-30%, 0, 0)}.placeholding .placeholder.delay::before{animation-delay:.2s}html,body{height:100%;width:100%;overflow:hidden;direction:var(--direction);background:#fafafa;font-family:var(--main-font),sans-serif;font-size:var(--default-font-size);box-sizing:border-box;line-height:var(--default-font-line-height);color:#272932}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none}*:not(input):not(textarea):not(button){-webkit-user-select:none;-webkit-touch-callout:none}.clearfix::after{display:block;content:"";clear:both}.full-height{height:100%}.full-width{width:100%}.full-view{height:100%;width:100%}.float-left{float:left}.float-right{float:right}.fixed-full-view{height:100%;width:100%;position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.center{margin-left:auto;margin-right:auto}.center-content{text-align:center;justify-content:center}.vertical-center-view{display:flex;align-items:center;justify-content:center}.safety-padding{padding-left:10%;padding-right:10%}.safety-margin{margin-left:10%;margin-right:10%}.scroll-view{max-height:100%;overflow-y:scroll}button{background-color:#22b14c;border-radius:24px;height:48px;padding:0 24px;border:none;color:#fff;font-size:1.1em;box-sizing:border-box;display:flex;align-items:center;align-self:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,color .1s ease;position:relative}button:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}button.loading{color:rgba(0,0,0,0);pointer-events:none}button.loading::after{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);height:24px;width:24px;border-radius:50%;border:3px solid;border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);animation:button-loading-animation 1.2s linear infinite}button.text{background-color:rgba(0,0,0,0);color:#22b14c;font-size:1em;padding:0;height:auto}button.text.loading{color:rgba(0,0,0,0)}button.text.loading::after{border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0)}button.disabled{filter:grayscale(100);pointer-events:none;opacity:.6}@keyframes button-loading-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes button-active-animation{0%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.98}100%{transform:scale(1);opacity:1}}input{box-sizing:border-box;-webkit-appearance:none;border:none;border-radius:4px;width:100%;height:48px;box-shadow:0 0 3px rgba(0,0,0,.1);padding:0 .7em;font-size:1.2em;background-color:#fff;color:#272932;caret-color:#22b14c;transition:box-shadow .3s ease}input::placeholder{font-size:.9em;color:#999;transition:color .3s ease;padding-left:.2em}input:focus{outline:none;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset,0 0 5px rgba(0,0,0,.1) inset}input:focus::placeholder{color:#bbb}#dialogs{position:absolute;height:100%;width:100%;top:0;left:0;visibility:hidden;transition:background-color .3s ease}#dialogs .dialog{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}#dialogs .dialog .view{background-color:rgba(255,255,255,.95);min-width:60%;max-width:80%;border-radius:6px;box-shadow:0 0 2px rgba(0,0,0,.2),0 0 40px -10px rgba(0,0,0,.1);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;transform:translate3d(0, 50px, 0);opacity:0}#dialogs .dialog .view .content{padding:24px;font-size:1.1em}#dialogs .dialog .view .actions button{background-color:rgba(0,0,0,.02);width:100%;float:left;box-shadow:0 -2px 2px rgba(0,0,0,.1) inset,0 2px 2px rgba(0,0,0,.1) inset;color:#22b14c;border-radius:0;font-size:1em}#dialogs .dialog .view .actions button.full-width{width:100% !important;border-top:2px solid rgba(0,0,0,.05);box-shadow:none}#dialogs .dialog .view .actions button:first-child{border-radius:0 0 0 4px}#dialogs .dialog .view .actions button:last-child{border-radius:0 0 4px 0}#dialogs .dialog .view .actions button:first-child:last-child{border-radius:0 0 4px 4px}#dialogs .dialog .view .actions button:hover{box-shadow:0 0 0 rgba(0,0,0,.1) inset,0 0 0 rgba(0,0,0,.1) inset;transform:scale(1)}#dialogs .dialog .view .actions button.positive{color:#27ae60}#dialogs .dialog .view .actions button.negative{color:#e74c3c}#dialogs .dialog .view .actions button.neutral{color:#272932}#dialogs .dialog .view.visible{transform:translate3d(0, 0, 0);opacity:1}#dialogs .dialog .view.stacked{transform:translate3d(0, -50px, 0);opacity:0}#dialogs.visible{visibility:visible;background-color:rgba(0,0,0,.3)}#app{transition:filter .3s ease,transform .3s ease}#app.dialog{transform:scale(0.9)}.progress-bar{width:100%;height:4px;background-color:rgba(0,0,0,.05);border-radius:2px}.progress-bar .bar{width:0;background-color:#22b14c;height:4px;border-radius:2px;transition:width var(--duration) linear;--duration: 6s}.progress-bar.no-transition .bar{transition:none}.progress-bar.reverse .bar{width:100%}.progress-bar.started .bar{width:100%}.progress-bar.reverse.started .bar{width:0}#app{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;color:#707070}#app>*{display:none}#app.loading{position:relative}#app.loading:before{content:"";background-color:rgba(255,255,255,.97);position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 0px);justify-content:center;align-items:center;z-index:1000}#app.loading:after{content:"";display:block;position:absolute;top:calc(50% - (12px + 0px));left:calc(50% - 12px);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app .material-icon{font-family:"Material Icons";line-height:1em !important}#app #challenges .intro-text{padding:36px 16px;font-size:1.1em;text-align:center}#app #challenges .intro-text .highlight-1{color:#e42429}#app #challenges .intro-text .highlight-2{color:#3ca73d}#app #challenges .challenges-container{padding-left:56px;padding-right:16px;position:relative}#app #challenges .challenges-container:before{content:"";position:absolute;height:calc(100% - 94px);top:35px;left:25px;width:3px;background-color:#f0f0f1}#app #challenges .challenges-container .challenge-wrapper{margin-bottom:24px;position:relative}#app #challenges .challenges-container .challenge-wrapper.disabled{filter:grayscale(100);opacity:.7}#app #challenges .challenges-container .challenge-wrapper .dot{position:absolute;height:13px;width:13px;border-radius:50%;background-color:#cdcdcd;top:28.5px;left:-36px}#app #challenges .challenges-container .challenge-wrapper .challenge-container{height:70px;padding:5px 0;background-color:#fff;border-radius:16px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);position:relative;z-index:2}#app #challenges .challenges-container .challenge-wrapper .challenge-container .image{height:100%;width:80px;background-image:url(../img/innerLiner.png);background-size:80%;background-repeat:no-repeat;background-position:center;float:left;position:relative}#app #challenges .challenges-container .challenge-wrapper .challenge-container .image:after{content:"×××××××××";position:absolute;height:100%;width:100%;text-align:center;font-size:9px;display:flex;align-items:center;justify-content:center;color:#aaa}#app #challenges .challenges-container .challenge-wrapper .challenge-container .image .quota{position:absolute;height:3px;left:16px;right:16px;bottom:2px;border-radius:2px;background-color:#f0f0f0;overflow:hidden;box-shadow:0 0 1px rgba(0,0,0,.3);display:none}#app #challenges .challenges-container .challenge-wrapper .challenge-container .image .quota .used{position:absolute;left:0;top:0;height:3px;background-color:#3ca73d;width:0;border-radius:2px}#app #challenges .challenges-container .challenge-wrapper .challenge-container .image .quota .used.full{background-color:#e42429}#app #challenges .challenges-container .challenge-wrapper .challenge-container .name{height:100%;float:left;width:calc(100% - 80px);overflow:hidden;padding:0 16px;box-shadow:-1px 0 0 rgba(0,0,0,.07);display:flex;align-items:center;font-size:1em}#app #challenges .challenges-container .challenge-wrapper .challenge-container .rank{height:100%;width:80px;float:left;display:flex;align-items:center;justify-content:center;font-size:1em}#app #challenges .challenges-container .challenge-wrapper .challenge-container .rank .position{margin:0 2px}#app #challenges .challenges-container .challenge-wrapper.has-quota .challenge-container .image .quota{display:block}#app #challenges .challenges-container .challenge-wrapper .status-bar{margin:0 16px;padding:0 8px;background-color:#f1f1f1;border-radius:0 0 8px 8px;height:24px;position:relative;z-index:1}#app #challenges .challenges-container .challenge-wrapper .status-bar .status{height:24px;display:flex;align-items:center;gap:4px}#app #challenges .challenges-container .challenge-wrapper .status-bar .status span{color:#3ca73d;vertical-align:middle}#app #challenges .challenges-container .challenge-wrapper .status-bar .status .label{font-size:.8em}#app #challenge nav{width:100%;height:52px;position:fixed;top:0;background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);z-index:1}#app #challenge nav .left-action,#app #challenge nav .right-action{width:52px;height:100%;display:flex;justify-content:center;align-items:center;font-size:1.4em}#app #challenge nav .title{height:52px;width:calc(100% - 2*52px);display:flex;justify-content:center;align-items:center;color:var(--actions-color)}#app #challenge.loading{position:relative}#app #challenge.loading:before{content:"Initialisation en cours ...";background-color:rgba(255,255,255,.97);position:absolute;height:100%;width:100%;top:0;left:0;display:flex;padding-top:calc(12px + 20px);justify-content:center;align-items:center;z-index:1000}#app #challenge.loading:after{content:"";display:block;position:absolute;top:calc(50% - (12px + 20px));left:calc(50% - 12px);height:24px;width:24px;box-sizing:border-box;border-radius:50%;border:2px solid #22b14c;border-color:#22b14c rgba(0,0,0,0) #22b14c rgba(0,0,0,0);animation:infinite-rotation 1.2s linear infinite;z-index:1001}#app #challenge #challenge-details{top:0;padding:16px;padding-top:calc(52px + 16px)}#app #challenge #challenge-details .info{position:absolute;top:calc(52px + 16px);width:calc(100% - 16px*2);left:16px}#app #challenge #challenge-details .info .clock,#app #challenge #challenge-details .info .rank{background-color:#fff;border-radius:14px;box-shadow:0 0 1px 0 rgba(0,0,0,.1);padding:4px 8px;color:#3ca73d;display:flex;align-items:center;gap:6px}#app #challenge #challenge-details .info .clock.disabled,#app #challenge #challenge-details .info .rank.disabled{filter:grayscale(100);opacity:.7}#app #challenge #challenge-details .info .clock.rank,#app #challenge #challenge-details .info .rank.rank{box-shadow:1px 1px 4px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);display:none}#app #challenge #challenge-details .info .clock span,#app #challenge #challenge-details .info .rank span{vertical-align:middle}#app #challenge #challenge-details .info .clock .label,#app #challenge #challenge-details .info .rank .label{font-size:.9em;padding:0 4px;margin-left:4px;box-shadow:-1px 0 0 rgba(0,0,0,.07)}#app #challenge #challenge-details .intro-text{padding:48px 16px 24px 16px;font-size:1.1em;text-align:center}#app #challenge #challenge-details .intro-text .highlight-1{color:#3ca73d}#app #challenge #challenge-details .actions{text-align:center;margin-left:auto;margin-right:auto;max-width:280px;padding:8px 0}#app #challenge #challenge-details .actions .quota-wrapper{margin-top:16px;display:none}#app #challenge #challenge-details .actions .quota-wrapper .quota{height:4px;bottom:2px;border-radius:2px;background-color:#fff;overflow:hidden;box-shadow:0 0 1px rgba(0,0,0,.3);position:relative}#app #challenge #challenge-details .actions .quota-wrapper .quota .used{position:absolute;left:0;top:0;height:4px;background-color:#3ca73d;width:0;border-radius:2px}#app #challenge #challenge-details .actions .quota-wrapper .quota .used.full{background-color:#e42429}#app #challenge #challenge-details .actions .quota-wrapper .quota-text{margin-top:4px;font-size:.8em;color:#939393}#app #challenge #challenge-details .actions.type-1 .submit-button,#app #challenge #challenge-details .actions.type-2 .submit-button{float:none !important}#app #challenge #challenge-details .actions.type-1 .submit-button.non-printed{display:none}#app #challenge #challenge-details .actions.type-2 .submit-button.printed{display:none}#app #challenge #challenge-details .actions .submit-button.scan{margin-left:auto;margin-right:auto;height:auto;display:flex;margin-top:13px}#app #challenge #challenge-details .actions .submit-button.scan .image{background-image:url(../img/scan.svg);width:40px;background-size:18px;height:auto;margin-top:0}#app #challenge #challenge-details .actions .submit-button.scan .label{padding:4px 10px}#app #challenge #challenge-details .actions .submit-button{height:120px;width:120px;border-radius:16px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);background-color:#fff;display:inline-block}#app #challenge #challenge-details .actions .submit-button.disabled{pointer-events:none;filter:grayscale(100);opacity:.5}#app #challenge #challenge-details .actions .submit-button:active{animation:button-active-animation .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #challenge #challenge-details .actions .submit-button .image{height:64px;margin-top:8px;background-image:url(../img/innerLiner.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}#app #challenge #challenge-details .actions .submit-button.printed .image:after{content:"×××××××××";position:absolute;height:100%;width:100%;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center}#app #challenge #challenge-details .actions .submit-button .label{height:40px;line-height:40px;font-size:.8em;color:var(--actions-color)}#app #challenge #challenge-details .actions .submit-button .label span{display:inline-block;vertical-align:middle;line-height:1.3em}#app #challenge #challenge-details .actions .submit-button .label span b{display:block}#app #challenge #challenge-details.has-quota .actions .quota-wrapper{display:block}#app #challenge #challenge-details .stats .stat{width:33.33%;text-align:center;margin:24px 0;box-shadow:5px 0 0 -4px rgba(0,0,0,.07)}#app #challenge #challenge-details .stats .stat .material-icon{font-size:1.2em;vertical-align:middle}#app #challenge #challenge-details .stats .stat .count{font-size:1.1em;font-weight:bold;vertical-align:middle}#app #challenge #challenge-details .stats .stat .label{display:block;text-align:center;font-size:.75em}#app #challenge #challenge-details .stats .stat .success{color:#3ca73d}#app #challenge #challenge-details .stats .stat .pending{color:#d9822b}#app #challenge #challenge-details .stats .stat .error{color:#e42429}#app #challenge #challenge-details .stats .stat:last-child{box-shadow:none}#app #challenge #challenge-details .buttons-bar{border-radius:16px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);background-color:#fff;overflow:hidden}#app #challenge #challenge-details .buttons-bar button{border-radius:0;background-color:#fff;width:50%;padding:0 16px;justify-content:left;box-shadow:0 0 0 .5px rgba(0,0,0,.1)}#app #challenge #challenge-details .buttons-bar button:active{position:relative;z-index:2}#app #challenge #challenge-details .buttons-bar button .material-icon{color:var(--actions-color);margin-right:8px;font-size:1.1em}#app #challenge #challenge-details .buttons-bar button .label{color:#707070;font-size:.75em}#app #challenge #challenge-details .buttons-bar button.full-width{width:100%;justify-content:center}#app #challenge #fill-code-overlay{position:fixed;z-index:10;height:100%;width:100%;background-color:rgba(40,40,40,.8);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #challenge #fill-code-overlay.visible{opacity:1;pointer-events:all}#app #challenge #fill-code-overlay .fill-code-container{background-color:#fff;min-height:50px;border-radius:24px;box-shadow:0 0 4px 0 rgba(0,0,0,.58);width:80%;max-width:280px}#app #challenge #fill-code-overlay .fill-code-container .text{padding:16px;font-size:1.1em;text-align:center}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input{height:120px;background-image:url(../img/innerLiner.png);background-size:contain;background-repeat:no-repeat;background-position:center;text-align:center;box-shadow:none;background-color:rgba(0,0,0,0);color:#707070}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input.success{color:#3ca73d}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input.error{color:#e42429}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input.pending{color:#d9822b}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input:disabled{opacity:1}#app #challenge #fill-code-overlay .fill-code-container .innerliner-input:focus{box-shadow:none}#app #challenge #fill-code-overlay .fill-code-container .buttons{padding:16px}#app #challenge #fill-code-overlay .fill-code-container .buttons button{width:100%}#app #challenge #fill-code-overlay .fill-code-container .buttons button .material-icon{font-size:1.5em;line-height:1em;margin:0 8px}#app #challenge #fill-code-overlay .fill-code-container .buttons label{cursor:pointer}#app #challenge #fill-code-overlay .fill-code-container .buttons label .label-fake-button{pointer-events:none}#app #challenge #fill-code-overlay .fill-code-container .result{padding:24px 16px;display:flex;align-items:center;align-content:center}#app #challenge #fill-code-overlay .fill-code-container .result .result-icon{padding-right:16px;padding-left:8px;display:flex;justify-content:center;align-items:center;font-size:2em}#app #challenge #fill-code-overlay .fill-code-container .result .result-text{font-weight:bold}#app #challenge #fill-code-overlay .fill-code-container .result.success{color:#3ca73d}#app #challenge #fill-code-overlay .fill-code-container .result.error{color:#e42429}#app #challenge #fill-code-overlay .fill-code-container .result.pending{color:#d9822b}#app #challenge #fill-code-overlay .fill-code-container .image-preview{height:300px;width:100%;background-color:#444;background-size:cover;background-position:center}#app #challenge #fill-code-overlay .fill-code-container .type-1 .step-2 .innerliner-input{margin-top:16px}#app #challenge #fill-code-overlay .fill-code-container .type-2 .step-1 .text b{display:block;color:#000;padding:8px 0}#app #challenge #fill-code-overlay .fill-code-container .type-2 .step-2 button.retake{width:48px;font-size:1.8em}#app #challenge #fill-code-overlay .fill-code-container .type-2 .step-2 button.validate{width:calc(100% - 48px - 8px)}#app #challenge #fill-code-overlay .fill-code-container .type-2 .step-3 .innerliner-input{margin-top:16px;color:#d9822b}#app #ranking .disclaimer{margin:16px;padding:8px;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1);background-color:#fff;font-size:.8em;position:relative;padding-left:56px}#app #ranking .disclaimer:before{content:"campaign";font-family:"Material Icons";position:absolute;height:100%;left:0;top:0;width:56px;display:flex;justify-content:center;align-items:center;font-size:2em}#app #ranking table{width:100%;margin:1em 0;box-shadow:0 0 3px rgba(0,0,0,.1);background-color:#fff;border:none;border-spacing:0}#app #ranking table tr{padding:.5em;box-shadow:0 -8px 0 -7px rgba(0,0,0,.05)}#app #ranking table tr.gold{color:#f1c449}#app #ranking table tr.silver{color:#b2b1b6}#app #ranking table tr.bronze{color:#dd7a2e}#app #ranking table tr.head{height:80px;text-align:center;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.3);padding:0;position:sticky;top:0}#app #ranking table tr.head.gold{background-color:#f1c449}#app #ranking table tr.head.silver{background-color:#b2b1b6}#app #ranking table tr.head.bronze{background-color:#dd7a2e}#app #ranking table tr.head td{position:sticky;top:0}#app #ranking table tr.head td .material-icon{font-size:2em}#app #ranking table tr td{padding:8px}#app #ranking table tr td.rank{text-align:right;font-size:1.1em;font-weight:bold}#app #ranking table tr td.rank:after{content:"."}#app #ranking table tr td.challenger{color:#628395}#app #ranking table tr td.count{font-size:1.1em;font-weight:bold;color:#3ca73d;text-align:right}#app #ranking table tr td.count span{vertical-align:middle;margin-right:4px}#app #ranking table tr td.count:after{content:"verified";font-family:"Material Icons";vertical-align:middle;font-size:1.1em}#app #ranking table tr.rank-1{color:#f1c449}#app #history .legend{padding:16px;display:flex;justify-content:space-around}#app #history .legend span{vertical-align:middle;display:flex;gap:8px}#app #history .legend span.verified{color:#3ca73d}#app #history .legend span.pending{color:#d9822b}#app #history .legend span.rejected{color:#e42429}#app #history table{width:calc( 100% - 2*16px);margin:0 16px 16px 16px;box-shadow:0 0 3px rgba(0,0,0,.1);background-color:#fff;border:none;border-spacing:0;border-radius:8px}#app #history table tr{padding:.5em;box-shadow:0 -8px 0 -7px rgba(0,0,0,.05)}#app #history table tr td{padding:12px}#app #history table tr.history-empty td{text-align:center;padding:32px 16px}#app #history table tr.history-empty td .material-icon{display:block;font-size:3em;padding-bottom:16px;color:#ddd}#app #history table tr .code{color:#628395;text-transform:uppercase;display:flex;gap:24px}#app #history table tr .code:before{content:"";font-family:"Material Icons";vertical-align:middle;font-size:1.4em;text-transform:none}#app #history table tr.verified .code:before{color:#3ca73d;content:"verified"}#app #history table tr.pending .code:before{color:#d9822b;content:"hourglass_empty"}#app #history table tr.rejected .code:before{color:#e42429;content:"new_releases"}#app #history table tr .time{font-size:.8em;text-align:right}#app #lightbox{background-color:rgba(40,40,40,.8);opacity:0;pointer-events:none;display:block;transition:opacity .5s cubic-bezier(0.15, 0.76, 0.18, 0.99)}#app #lightbox.visible{opacity:1;pointer-events:all}#app #lightbox .lightbox-wrapper{background-color:#fff;height:calc(100% - 2*16px);margin:16px;border-radius:16px;box-shadow:0 0 4px 0 rgba(0,0,0,.58);overflow:hidden;display:flex;flex-direction:column;--content-background-color: #FFF;--actions-color: #3ca73d}#app #lightbox .lightbox-wrapper .header{height:48px;flex-shrink:0;display:flex;align-items:center;align-content:center;justify-content:center;box-shadow:0 0 16px rgba(0,0,0,.2);z-index:1}#app #lightbox .lightbox-wrapper .content{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 12px 10px -10px rgba(0,0,0,.1) inset,0 -12px 10px -10px rgba(0,0,0,.1) inset;padding:16px;background-color:var(--content-background-color)}#app #lightbox .lightbox-wrapper .actions{height:calc(48px + 2*16px);width:100%;padding:16px;flex-shrink:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:center;gap:16px;box-shadow:0 0 16px rgba(0,0,0,.2);z-index:1}#app #lightbox .lightbox-wrapper .actions button{flex-grow:1;background-color:var(--actions-color);position:relative}#app #lightbox .lightbox-wrapper .actions button.circle{width:48px;padding:0;flex-shrink:0;flex-grow:0}#app #lightbox .lightbox-wrapper .actions button.outline{background-color:rgba(0,0,0,0);box-shadow:0 0 0 1px var(--actions-color) inset;color:var(--actions-color)}#app #lightbox .lightbox-wrapper .actions button.cancel{color:#a6a6a6;box-shadow:0 0 0 1px #a6a6a6 inset;flex-grow:0}#app #lightbox .lightbox-wrapper .actions button .material-icon{font-size:1.2em}#app #lightbox .lightbox-wrapper .actions button.next-icon:after{content:"arrow_forward_ios";font-family:"Material Icons";position:absolute;right:0;top:0;height:48px;width:48px;display:flex;align-items:center;justify-content:center;font-size:1.2em}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}[dir=rtl] #app #challenges .challenges-container{padding-left:24px;padding-right:56px}[dir=rtl] #app #challenges .challenges-container .challenge-wrapper .dot{right:-36px;left:auto}[dir=rtl] #app #challenges .challenges-container:before{left:auto;right:25px}[dir=rtl] #app #challenges .challenges-container .challenge-wrapper .challenge-container .image{float:right}[dir=rtl] #app #challenges .challenges-container .challenge-wrapper .challenge-container .name{float:right;box-shadow:1px 0 0 rgba(0,0,0,.07)}[dir=rtl] #app #challenge #challenge-details .info .clock .label,[dir=rtl] #app #challenge #challenge-details .info .rank .label{box-shadow:1px 0 0 rgba(0,0,0,.07)}[dir=rtl] #app #challenge #challenge-details .buttons-bar button .material-icon{margin-right:0;margin-left:8px}[dir=rtl] #app #challenge #challenge-details .buttons-bar button{justify-content:right}[dir=rtl] #app #lightbox .lightbox-wrapper .actions button.next-icon:after{right:auto;left:0;content:"arrow_back_ios"}[dir=rtl] #app #challenge #fill-code-overlay .fill-code-container .result .result-icon{padding-right:16px;padding-left:8px}@keyframes infinite-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}