/*@mixin pc-width() {
    @media all and (min-width: $ScreenSize-1281) {
        @content;
    }
}*/
.computex-icon-wrapper {
  right: 1.5625vw;
  bottom: 2.60417vw;
  width: 100px;
  height: 100px;
  position: fixed;
  z-index: 999; }
  @media screen and (max-width: 1920px) {
    .computex-icon-wrapper {
      right: 30px;
      bottom: 50px; } }
  @media screen and (max-width: 960px) {
    .computex-icon-wrapper {
      right: 15px;
      width: 65px;
      height: 65px; } }

a.computex-icon-wrapper {
  display: inline-block; }

.marble-icon {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  box-shadow: 0 0 7px #fff, -7px 0 26px #f0f, 7px 0 26px #0ff, inset 0 0 16px #000, inset 16px 0 26px #f0f,
 inset -16px 0 26px #0ff, inset 16px 0 100px #f0f, inset -16px 0 100px #0ff;
  animation: pulsate 6s linear infinite; }

.marble-icon .marble-icon-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: normal;
  text-align: center;
  font-family: sans-serif;
  font-size: 13px;
  color: #fff;
  font-weight: bolder;
  text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple; }
  @media screen and (max-width: 960px) {
    .marble-icon .marble-icon-content {
      font-size: 9px; } }

.marble-icon .num {
  font-size: 21px; }
  @media screen and (max-width: 960px) {
    .marble-icon .num {
      font-size: 16px; } }

.isSmall .marble-icon-content {
  font-size: 9px; }

.isSmall .num {
  font-size: 16px; }

@keyframes pulsate {
  50% {
    box-shadow: 0 0 7px #fff, 7px 0 26px #f0f, -7px 0 26px #0ff, inset 0 0 16px #fff, inset -16px 0 26px #f0f,
 inset 16px 0 26px #0ff, inset -16px 0 100px #f0f, inset 16px 0 100px #0ff; } }

.marble-icon {
  box-shadow: 0 0 7px #fff, -7px 0 26px #cf2b34, 7px 0 26px #020047, inset 0 0 16px #020047, inset 16px 0 26px #9c1f25,
 inset -16px 0 26px #fff, inset 16px 0 100px #020047, inset -16px 0 100px #cf2b34; }
  .marble-icon .num {
    color: #cf2b34; }
  .marble-icon .mwc-icon {
    width: 70px;
    height: 32px; }
    @media screen and (max-width: 960px) {
      .marble-icon .mwc-icon {
        width: 48px;
        height: 20px; } }

@keyframes pulsate {
  50% {
    box-shadow: 0 0 7px #fff, 7px 0 26px #cf2b34, -7px 0 26px #020047, inset 0 0 16px #020047,
 inset -16px 0 26px #9c1f25, inset 16px 0 26px #fff, inset -16px 0 100px #020047, inset 16px 0 100px #cf2b34; } }

#divGoTop {
  margin-bottom: 0;
  bottom: 2vw;
  right: 2.5vw; }

/*# sourceMappingURL=../map/Components/ComputexIcon.css.map */