html { font-size: 14px } .ttu { text-transform: uppercase } body { scrollbar-width: none; background:#1a132c; padding-top: 5rem; } @media only screen and (max-width: 621px) { body { padding-top: 0.5rem; } } body::-webkit-scrollbar { margin-right: 5px; width: 0 } ::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; border-radius: var(--border-radius) } ::-webkit-scrollbar-thumb { background-color: var(--placeholder-color); transition: all .5s; border-radius: var(--border-radius) } ::-webkit-scrollbar-button { display: none } ::-webkit-scrollbar-button:vertical:end:increment { display: block; height: 20px; background-color: transparent } ::-webkit-scrollbar-button:vertical:start:increment { display: block; height: 20px; background-color: transparent } * { scrollbar-color: var(--shadow-color) transparent; scrollbar-width: thin; scrollbar-width: none } @keyframes breathe { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } @keyframes rotate { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .ui-scrollview { box-sizing: border-box; height: 100%; /* overflow-y: auto; */ -webkit-flex: 1 1 1px; -ms-flex: 1 1 1px; flex: 1 1 1px; -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior: contain } .ui-scrollview.hide-bar.ui-scrollview::-webkit-scrollbar { width: 0; height: 0; background-color: transparent } .ui-button { --3xr1hu: rgba(107, 113, 128, .8); display: block; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 15px; height: 3rem; font-weight: 700; cursor: pointer; -webkit-transition: -webkit-transform .2s cubic-bezier(.36, .66, .04, 1); -webkit-transition: transform .2s cubic-bezier(.36, .66, .04, 1); transition: transform .2s cubic-bezier(.36, .66, .04, 1); border-color: transparent; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.05); animation: shadow-pulse 1s infinite; cursor: pointer } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 25px rgba(255, 255, 255, 0); } } .darken .ui-button { --3xr1hu: #6b7180 } .ui-button>.button-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #381b55; font-weight: 900; font-size:1.3rem; } .ui-button:active.ui-button:not(:disabled) { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } .ui-button:disabled.ui-button:not(.is-loading) { opacity: .5; cursor: default } .ui-button.button-big { height: 3.625rem } .ui-button.button-small { height: 2.125rem } .ui-button.s-gray { color: #fff; background-color: var(--3xr1hu) } .ui-button.s-conic { color: #fff; background-color: #ffc12c; } .ui-button.s-conic:hover { background-color: #ffc12c; } .button-group { --1waic39: rgba(95, 105, 117, .8); --1ez8use: rgba(218, 221, 230, .4); --6vfacd: rgba(218, 221, 230, .2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .darken .button-group { --1waic39: #99a4b0; --1ez8use: #31343c; --6vfacd: #3c404a } .button-group>button { height: 2rem; width: 3.125rem; padding: 0; color: var(--1waic39); background: var(--1ez8use); margin-left: .25rem; color: var(--title-color) } .button-group>button:first-child { margin-left: 0; padding-left: .125rem; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius) } .button-group>button:last-child { padding-right: .125rem; border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius) } .button-group>button:hover { background: var(--6vfacd) }