EV Dicell - Gyroscope

.main-content-js { display: none; } .nojs-page { min-height: 100vh; font-family: mregular; color: #0f172a; background: linear-gradient(180deg,rgba(145, 145, 145, 0.69) 0%,rgba(255,255,255,.9) 45%,#ffffff 100%) } .nojs-radio { position: absolute; opacity: 0; pointer-events: none } .nojs-header { padding: 18px 28px 0 } .nojs-header__inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between } .nojs-brand { display: flex; align-items: center; gap: 12px } .nojs-brand__mark { height: 34px; display: block } .nojs-brand__text { font-weight: 700; letter-spacing: .6px; color: #12b981; font-size: 15px } .nojs-support { padding: 10px 16px; border: 1px solid #fff; border-radius: 6px; text-decoration: none; font-size: 13px; color: #fff; background: transparent } .nojs-header__line { margin-top: 18px; border-top: 1px solid #e9eef5 } .nojs-main { max-width: 1200px; margin: 0 auto; padding: 56px 28px 70px; text-align: center } .nojs-title { margin: 0; font-size: 22px; line-height: 1.35; font-weight: 400; color: #0f172a; font-family: mregular; } .nojs-tabs { margin: 34px auto 0; display: flex; justify-content: center; gap: 44px; flex-wrap: wrap } .nojs-tab { cursor: pointer; display: inline-flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 6px; -webkit-user-select: none; user-select: none } .nojs-tab__icon { width: 52px; height: 52px; object-fit: contain; display: block } .nojs-tab__label { font-size: 12px; color: #0f172a } .nojs-tab__underline { width: 62px; height: 3px; border-radius: 3px; background: transparent } .nojs-stage { margin-top: 44px; display: flex; justify-content: center } .nojs-frame { width: min(980px,100%); padding-top: 6px } .nojs-gif { display: none; width: 100%; height: auto } #nojs-chrome:checked~.nojs-page .gif-chrome { display: block } #nojs-edge:checked~.nojs-page .gif-edge { display: block } #nojs-safari:checked~.nojs-page .gif-safari { display: block } #nojs-firefox:checked~.nojs-page .gif-firefox { display: block } #nojs-brave:checked~.nojs-page .gif-brave { display: block } #nojs-chrome:checked~.nojs-page label[for=nojs-chrome] .nojs-tab__underline,#nojs-edge:checked~.nojs-page label[for=nojs-edge] .nojs-tab__underline,#nojs-safari:checked~.nojs-page label[for=nojs-safari] .nojs-tab__underline,#nojs-firefox:checked~.nojs-page label[for=nojs-firefox].nojs-tab__underline,#nojs-brave:checked~.nojs-page label[for=nojs-brave] .nojs-tab__underline { background: #12b981 } #nojs-firefox:checked~.nojs-page label[for=nojs-firefox] .nojs-tab__underline { background: #12b981 } @media (max-width: 700px) { .nojs-main { padding-top:38px } .nojs-tabs { gap: 24px } .nojs-title { font-size: 18px } .nojs-support{ text-align: center; padding-left:0px; padding-right: 0px; } .nojs-brand__mark{ height: 50px; } }