[dir=ltr] .tpopup-enter-active[data-v-089f6852],[dir=rtl] .tpopup-enter-active[data-v-089f6852]{animation:slidein-data-v-089f6852 .5s ease}[dir=ltr] .tpopup-leave-active[data-v-089f6852],[dir=rtl] .tpopup-leave-active[data-v-089f6852]{animation:slideout-data-v-089f6852 .5s ease}@keyframes slidein-data-v-089f6852{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slideout-data-v-089f6852{0%{transform:scale(1)}to{transform:scale(0)}}[dir=ltr] .button-enter-active[data-v-089f6852],[dir=rtl] .button-enter-active[data-v-089f6852]{animation:button-anim-data-v-089f6852 .5s ease-in-out}@keyframes button-anim-data-v-089f6852{0%{opacity:0}to{opacity:1}}[dir] body[data-v-089f6852]{text-align:center}[dir] .container[data-v-089f6852]{margin:1rem}.headset[data-v-089f6852]{position:absolute;bottom:5%;display:flex;transition:all 1s ease}[dir] .headset[data-v-089f6852]{background:#b83088;padding:2rem;border-radius:50%;box-shadow:0 0 .5rem rgba(0,0,0,.8)}[dir=ltr] .headset[data-v-089f6852]{right:5%;background:linear-gradient(45deg,#b83088,#34bce5)}[dir=rtl] .headset[data-v-089f6852]{left:5%;background:linear-gradient(-45deg,#b83088,#34bce5)}img[data-v-089f6852]{transition:all .5s ease}[dir] .headset:hover>img[data-v-089f6852]{transform:scale(1.2);cursor:pointer}[dir] .headset[data-v-089f6852]:hover{transform:scale(1.05);box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);cursor:pointer}.start-message[data-v-089f6852]{position:absolute;font-size:2em;color:#fff;font-weight:700;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100}[dir] .start-message[data-v-089f6852]{text-align:center}.message-box[data-v-089f6852]{z-index:999;width:721.78px;height:775px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;align-content:center}[dir] .message-box[data-v-089f6852]{padding:1rem;border-radius:20px;background:hsla(0,0%,100%,.1)}.button-71[data-v-089f6852]{color:#fff;display:inline-block;font-size:18px;font-weight:600;outline:0;position:relative;text-decoration:none;transition:all .3s;user-select:none;-webkit-user-select:none;touch-action:manipulation}[dir] .button-71[data-v-089f6852]{background-color:#05c7f2;border:0;border-radius:56px;cursor:pointer;padding:16px 21px;text-align:center}.button-71[data-v-089f6852]:before{content:"";height:50%;opacity:.5;position:absolute;top:0;transition:all .3s;width:92%}[dir] .button-71[data-v-089f6852]:before{background-color:initial;background-image:linear-gradient(#fff,hsla(0,0%,100%,0));border-radius:125px}[dir=ltr] .button-71[data-v-089f6852]:before{left:4%}[dir=rtl] .button-71[data-v-089f6852]:before{right:4%}[dir] .button-71[data-v-089f6852]:hover{box-shadow:inset 0 3px 15px hsla(0,0%,100%,.2),0 3px 5px rgba(0,0,0,.1),0 10px 13px rgba(0,0,0,.1);transform:scale(1.05)}@media (min-width:768px){[dir] .button-71[data-v-089f6852]{padding:16px 48px}}.title[data-v-089f6852]{color:#e9ecef!important}.title-a[data-v-089f6852],.title-b[data-v-089f6852]{color:#e9ecef!important;font-size:5rem}[dir] .title-a[data-v-089f6852],[dir] .title-b[data-v-089f6852]{margin:20px;text-align:center}.title-c[data-v-089f6852]{color:#e9ecef!important;font-size:3rem}[dir] .title-c[data-v-089f6852]{margin:20px}.two[data-v-089f6852]{font-size:8rem;color:#fff}[dir] .two[data-v-089f6852]{margin-bottom:1rem}.two-circle[data-v-089f6852]{width:150px;height:150px;display:flex;justify-content:center;align-items:center}[dir] .two-circle[data-v-089f6852]{border-radius:50%;background:#b83088;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.info[data-v-089f6852]{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%}[dir=ltr] .pauseBar[data-v-3ee0af5f],[dir=rtl] .pauseBar[data-v-3ee0af5f]{animation-play-state:paused!important}[dir] .container[data-v-3ee0af5f]{text-align:center}.progress[data-v-3ee0af5f]{height:30px}[dir] .progress[data-v-3ee0af5f]{padding:6px;background:rgba(0,0,0,.25);border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px hsla(0,0%,100%,.08)}.progress-bar[data-v-3ee0af5f]{height:18px}[dir] .progress-bar[data-v-3ee0af5f]{background-color:#ee303c;border-radius:4px;transition-property:width,background-color}[dir=ltr] .progress-bar[data-v-3ee0af5f],[dir=rtl] .progress-bar[data-v-3ee0af5f]{animation-timing-function:linear!important}.progress-striped .progress-bar[data-v-3ee0af5f]{width:100%}[dir] .progress-striped .progress-bar[data-v-3ee0af5f]{background-color:#fcbc51}[dir=ltr] .progress-striped .progress-bar[data-v-3ee0af5f]{background-image:linear-gradient(45deg,#fca311 25%,transparent 0,transparent 50%,#fca311 0,#fca311 75%,transparent 0,transparent);animation:progressAnimationStrike-data-v-3ee0af5f 30s linear}[dir=rtl] .progress-striped .progress-bar[data-v-3ee0af5f]{background-image:linear-gradient(-45deg,#fca311 25%,transparent 0,transparent 50%,#fca311 0,#fca311 75%,transparent 0,transparent);animation:progressAnimationStrike-data-v-3ee0af5f 30s linear}@keyframes progressAnimationStrike-data-v-3ee0af5f{0%{width:100%}to{width:0}}.btn-pause{-webkit-transition-duration:.4s}[dir] .btn-pause{background-color:var(--diko-secondary-color)!important;cursor:pointer;transition-duration:.4s}.btn-resume{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-transition-duration:.4s}[dir] .btn-resume{background-color:var(--diko-primary-color)!important;cursor:pointer;transition-duration:.4s}[dir] .time-buttons-area>*{padding:8px;border-radius:25%!important;margin:9px}.progress-bar-area{width:100%}[dir] .progress-bar-area{margin:.3rem}.pbar{display:flex;align-items:center}.test-page{display:flex;align-items:stretch;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center}.svg-anim{position:absolute;bottom:0;z-index:1}[dir=ltr] .svg-anim{right:0}[dir=rtl] .svg-anim{left:0}.tests{z-index:999}.button-area{display:flex;flex-direction:column;flex-wrap:wrap}[dir] .box{border-radius:20px}[dir] .test-box-dark{box-shadow:0 0 70px 4px #777}[dir] .test-box-colorful{box-shadow:0 0 70px 4px #2193b0}[dir] .color-frame{background:#2193b0;background:-webkit-linear-gradient(0deg,#6dd5ed,#2193b0);background:linear-gradient(0deg,#6dd5ed,#2193b0)}[dir] .black-frame{background:#000;box-shadow:0 0 5px 10px #000}.timer-area{z-index:999;width:721.78px;height:775px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}[dir] .timer-area{padding:1rem;border-radius:20px;background:hsla(0,0%,100%,.1)}.clock{font-size:2em;color:#6d6d6d}[dir=ltr] .clock{margin-right:10px}[dir=rtl] .clock{margin-left:10px}progress{width:60%;height:2em}.flex{display:flex;justify-content:center}[dir] .flex-item,[dir] .test-left{margin-top:10%}.box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}[dir] .box{background:transparent}[dir] .test-columns{margin:0;padding:0}.card-faces{width:100%;height:100%;transition:transform 25s;transform-style:preserve-3d;position:relative}[dir] .card-faces{cursor:pointer}.card-face{width:100%;height:100%;backface-visibility:hidden}.card-back{top:0;width:128px}[dir] .card-back{margin-bottom:-128px}[dir] .card-animation,[dir] .card-back{transform:rotateY(180deg)}[dir] img.card-images{background:#fff}.card-images{width:128px;transition:all .3s ease-in-out;opacity:0}[dir] .card-images{margin:.3rem;padding:.3rem;border-radius:15%}.ico-images{width:128px}[dir] .ico-images{background:#fff;margin:.3rem;padding:.4rem;border-radius:18%}[dir] .clickablecard:hover{cursor:pointer;background-color:#e9ecef}[dir] .card-images:active{background-color:#e9ecef}.total-time{font-size:2rem;color:#f0f8ff;font-weight:700}[dir] .total-time{padding:.5rem;border-radius:10px;text-align:center}.page-time{font-size:1.5rem;color:#f0f8ff;font-weight:700;max-width:50px}[dir] .page-time{padding:.5rem;border-radius:10px;text-align:center}[dir=ltr] .bounce-enter-active,[dir=rtl] .bounce-enter-active{animation:bounce-in .5s ease-out both}[dir=ltr] .bounce-leave-active,[dir=rtl] .bounce-leave-active{animation:bounce-in .5s ease-in reverse both}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.gif-image{position:absolute;z-index:999}[dir] .gif-image{margin-top:-50%}.test-frame{display:flex;height:100vh;z-index:999;align-items:center;align-content:center;flex-direction:column;justify-content:center}[dir] .test-frame{background:radial-gradient(ellipse at bottom,#0d1d31 0,#0c0d13 100%)}