.title-s[data-v-ad31a95d] {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.2s;
}
.title-s[data-v-ad31a95d]:hover {
  color: #02888d;
}
.title-s:hover .currency__link-icon-wrapper[data-v-ad31a95d] {
  box-shadow: inset 0 0 4px 1px rgba(133, 135, 144, 0.1), inset 0 0 1px 1px rgba(133, 135, 144, 0.5), 0 0 4px 1px rgba(133, 135, 144, 0.1);
}
.title-s:hover .currency__link-icon-wrapper .currency__link-icon[data-v-ad31a95d] {
  font-size: 24px;
}
.currency[data-v-ad31a95d] {
  padding: 30px;
  border-radius: 20px;
  background: #f2f2f2;
  position: relative;
  max-width: 400px;
}
.currency__date[data-v-ad31a95d] {
  color: #858790;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.currency__link-icon-wrapper[data-v-ad31a95d] {
  border: 1px solid rgb(226, 215, 215);
  border-radius: 7px;
  color: #02888d;
  display: inline-flex;
  align-items: center;
  width: 28px;
  height: 28px;
  justify-content: center;
  transition: 0.4s;
}
.currency__link-icon-wrapper[data-v-ad31a95d]:hover {
  box-shadow: inset 0 0 4px 1px rgba(133, 135, 144, 0.1), inset 0 0 1px 1px rgba(133, 135, 144, 0.5), 0 0 4px 1px rgba(133, 135, 144, 0.1);
}
.currency__link-icon-wrapper:hover .currency__link-icon[data-v-ad31a95d] {
  font-size: 24px;
}
.currency__link-icon[data-v-ad31a95d] {
  transition: 0.2s;
}
.currency .top[data-v-ad31a95d] {
  margin-bottom: 30px;
  justify-content: space-between;
}
.currency[data-v-ad31a95d] .q-table__card {
  background-color: transparent;
}
.currency[data-v-ad31a95d] .q-table {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.currency[data-v-ad31a95d] .q-table thead {
  color: #858790;
}
.currency[data-v-ad31a95d] .q-table thead tr,
.currency[data-v-ad31a95d] .q-table tbody td {
  height: 36px;
}
.currency[data-v-ad31a95d] .q-table th,
.currency[data-v-ad31a95d] .q-table td {
  padding: 10px 0px;
  background-color: inherit;
}
.currency__value[data-v-ad31a95d] {
  text-align: center;
}
.currency__update-date[data-v-ad31a95d] {
  font-size: 12px;
  text-align: right;
  color: #858790;
  position: absolute;
  right: 20px;
  bottom: 12px;
}
.currency__tabs[data-v-ad31a95d] {
  position: relative;
}
.currency__tabs[data-v-ad31a95d] .q-tabs__arrow--left {
  position: absolute;
  right: 100%;
  left: unset;
}
.currency__tabs[data-v-ad31a95d] .q-tabs__arrow--right {
  position: absolute;
  left: 100%;
}
.currency__tab[data-v-ad31a95d] {
  min-height: 0;
  text-align: left;
}
.currency__tab[data-v-ad31a95d] .q-tab__label {
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  text-align: left;
}
.currency__tab.q-tab--active[data-v-ad31a95d] {
  background-color: #f2f2f2;
}
.currency[data-v-ad31a95d] .q-tab-panels {
  background-color: transparent;
}
@media (max-width: 1080px) {
.widget__currency[data-v-ad31a95d] {
    padding: 20px;
}
}
@media (max-width: 640px) {
.currency__date[data-v-ad31a95d] {
    font-size: 18px;
    line-height: 20px;
}
.currency .top[data-v-ad31a95d] {
    margin-bottom: 20px;
    gap: 10px;
}
}
@media (max-width: 440px) {
.currency[data-v-ad31a95d] {
    max-width: calc(100vw - 40px);
}
}