.disabled[data-v-7aaa754d]{
    pointer-events: none;
}
.tick-wrapper[data-v-7aaa754d]{
    cursor: pointer;
    width:1.1rem;
    height:1.1rem;
    margin-right:.5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEvSURBVHgBrVWBjcIwDEw7QTZ4b/AZASb5H4UN+A3oBugn6AjABGWDjmCScgYTOSSVOMmqYjvXc5y6zhXAzJto+2inaDPfMWOd/ORakZKjHbkNhyp5TAjRJqXqD4o94h7rQRGn/PBOoZQ51hQgf1QCyEoShYNbAaV6ygO/qhTfSOah1itBO0vlzwrCE/YRznk5BkkIpvw6oVRG8Es/Qh/X0rkLglQ6AvhH7LlG23Zdd0X4H8+FlLA4461p05gTVwgdfAnUOxtBEzcQvqBXb/hC4hY+IaZGwu+HYtWoWZVK6kZw3hQLKj+IQzq3KRDXCB/3XDt3bFx+fn6K7wh98Z6rwMGtAN8n1avKTNVnBwoSQ9agpMIafXslYOLS6MsUDNyGY60iizwNaet3sgzv0t4byBSdvUKpFeEAAAAASUVORK5CYII=) center/cover no-repeat;
}
.disabled .tick-wrapper[data-v-7aaa754d]{
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJESURBVHgBjZRfbtNAEMZn1olUqS/hBJgTYB6CKl5wJAKoUsGcoMkJKCegPQHKCZKcAPNHCFGkhBeEKFLNCZoj+KVSpWR3+82uHaVumnikZL32zG+/2dlZpjts72USa6Nfk7WxJQ6ZqGWJciY7I+ZpoILBn+/pbF0sr4GFi4X+wEwJbbdREAQnVbhanbS7SaS1nngg50R2YK3t7O4G985Ov7CMMofruAjpiX+7ux+tVeoUan0uaWI6hYL+XemV/gAO8Rjjl8P/UenfKJ2cQg8cQ1WPtlgB6LS7ByOMhxKP8cEyfXwQSMjMM6R4RDUsTpKWqJ3PgyOJk/jHz18dL6Gw9/KH/TqZpmleB3h5uZiIup0dahlj+kX8WweV4pQqkfaoLhDliBDj3v37+XXqC0utJ/tJBKW6qJz9L/+SUoTAGsCZUqpTFgf8TzLO5zpS+Bj6EM6Kik6aCKyCNwELK+AcqqoanxJHq+AawBumsLl+Bcv3xVECfDU9WNTXAhr70G0ieFAaZO4dGdeWVTC246KOQsvkatNsBpk6O02zsnJ7z5L4NthtyUbg6jn//S3NlF/FDGTUrIflPpZgPE43AWPvvzznTkT5Ed1wgZchHkc4r32qae0XB0PsXU9U/v3x2bXpsvdFjdbmHOv1kE5Y+0IxcqFwXmRFN5S6VdFdzOZjoVhM7ssxWjGT9pVUr64oksvbWqhDHUShteqNr80a6IqCYzwe0hYDOG00gnfVjJg2prfAjaWeYhoC0SpOCQDmlwB9z9+2a9sSVfv1vJlmAAAAAElFTkSuQmCC) center/cover no-repeat;
}
.tick-wrapper.selected[data-v-7aaa754d]{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG7SURBVHgBnZRNTsJQEMdn3it7jvDcmGBcwAmEE6hbgwlLQzByA/EESqLGZY2GrdwAPAEuUJb2BrKm0nGm+EopJbRM0rz2tfPrfPznIWyw+qRVRcJjAqoCgQGEIq9TXj0EHGrUXbd056X5YnKjMbkwc3JuCeAEthgSuVoVbpLwFWhj3Cz7Sr8hkIGMxpl45NBpb//xYw0qEf4GzihMM79NHXQqNmJld30qDPICkWvM9fX4tuiTP7D7IfRs3GzkSdkCNQU1jX5NwHyZ+merE0FR6escvAjoHi7qGEQv4CpcOMqyUmq0C1D6IGWLZxk4QUVpgPKKE3cz1OMOQDE902VFqEwcqLFQC9gxCc4CFCMko+IbtjY9doyDswKtKaTAW0aKRqTRmLSNBUtn8wB5tL3URsmUFLgM8fHLAgyz5UaFE8X6+kkKPw7OCpSevBw87Nmadtc/WJRCTqsswNAHobPw/bfzr8tvyjlVaVHKfdR9GbdN+twKFHVwqexzBHVLT57tNuSwUNuijlhTV3QqMpKI+YB+hmzWlwjtGbD80QaTjs/mTlshHPFHhlgdkib/kDOCd57v/mvpfpjm+wfMPQ4n2RcMXgAAAABJRU5ErkJggg==) center/cover no-repeat;
}


/* social media */
.prediction-social-media__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
}
.prediction-social-media__icon-share {
  /* background-color: var(--bg-selected); */
  border-radius: 1rem;
  padding: 0.35rem 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  color: black;
  font-family: var(--weight-700);
  cursor: pointer;
  background: linear-gradient(
    to right,
    var(--color-blue-20) 50%,
    var(--bg-selected) 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.3s ease;
}
.prediction-social-media__icon-share:hover .svg-icon {
  fill: white;
}
.prediction-social-media__icon-share:hover {
  /* background-color: var(--color-blue-20); */
  background-position: left bottom;
  color: white;
}
.prediction-social-media__icon-wrapper {
  width: 2.125rem;
  height: 2.125rem;
  box-sizing: border-box;
  padding: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(
    to right,
    var(--color-blue-20) 50%,
    var(--bg-selected) 50%
  );
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.prediction-social-media__icon-wrapper:hover {
  background-position: left bottom;
}
.prediction-social-media__icon-wrapper:hover .svg-icon {
  fill: white;
}
.tooltips-wrapper {
  background-color: white;
  padding: 0.25rem 0.5rem;
  position: absolute;
  border-radius: 0.25rem;
  top: -2rem;
  color: black;
  font-size: 0.625rem;

  transform: scale(0);
  transform-origin: 3rem 2rem;
  transition: all 0.3s;
}
.prediction-social-media__icon-wrapper:hover .tooltips-wrapper {
  transform: scale(1);
}
.tooltips-wrapper.active {
  transform: scale(1);
}
.tooltips-triangle {
  position: absolute;
  top: 1rem;
  width: 0.7rem;
  height: 1rem;
  left: 44%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACOSURBVHgBjZABDYAgEEUPEhjBCEawiVVs4kygJBATaAMiaAM8HCjDw+NvwDget7cDa21vy9IAbm0BaAAjhRAazxP+o2/YX0YGft8ZFfP5isUjAw+BkRGvMgqK6kyqkN+xXhEqc8w8GjhCN7496TGRcMZvhVy8SsgCXBzk4S59kwSvWIWoc41rg9K4mVP1C4CA6CwJ59FqAAAAAElFTkSuQmCC)
    center/cover no-repeat;
}
.tooltips-content {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.prediction-agree__title {
  flex: 1;
  font-size: 0.875rem;
  color: var(--color-grey-light);
}


.mobile-page__wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-theme);
    z-index: 10;
    overflow-y: auto;
}
.mobile-page__header{
    padding: 1rem 0;
    display: flex;
    align-items: center;
}
.mobile-page__header-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
}
.mobile-page__header-title{
    padding-right: 1rem;
    flex: 1;
    text-align: center;
}
.mobile-page__header-tick{
    width:1rem;
    height:1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBpdIhDsIwFAbgV2aQk0gMwS6I6eFgGI6wgCGwhHECkBwByTFwgIIMwTQzuwfQ0lcSAs3G2u4XbdM2X/40BaiQYRDZ/XE4xzUBwyByJ489XzqUsYUR9I0wYBllz642lIfstptMCypC8EwZ+odgau9Lk2YVBGP5wdShxDq1Om49vcZHE0Q0IkA8PtuEwcofhUsTRDRKk8u57bjcA48/mMebATbTQQSEwy2JDzJGga5VkQ+Uh/GthiryA8mYDlKYQTCLeiVfQs4LuHSwYWZOSFkAAAAASUVORK5CYII=) center/cover no-repeat;
}
.mobile-page__header-tick.selected{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABwSURBVHgB1dHhCYAgFATgFzRAIzRCm+UGtlkjNEIjNMJ1kpA8gvL81cGhP/RDnmYNATCwc9r3JiYhXFZ24r4zJfklG67s7Gi1+RnyJn9F0tQPNspIPhhwJ0pIcWHxGNTBegwtv+MwDXnAdKTAQi1yAofIEJNBA3qpAAAAAElFTkSuQmCC) center/cover no-repeat;
}