.calc-header {
    padding: 0
}

.calc-header::before {
    position: absolute;
    top: -42.75rem;
    left: -38.25rem;
    z-index: -1;
    content: "";
    width: 47rem;
    height: 131.5rem;
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
    transform: rotate(32deg);
    pointer-events: none
}

.calc-header::after {
    content: "";
    position: absolute;
    top: -38.3125rem;
    right: -41.875rem;
    z-index: -1;
    width: 83rem;
    height: 83rem;
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
    pointer-events: none;
    opacity: .3
}

.calc-header__container {
    display: grid;
    grid-template-columns: 41.875rem 1fr;
    gap: 5.625rem
}

.calc-header__container.product {
    display: grid;
    grid-template-columns: 71.875rem 1fr;
    gap: 5.625rem
}

.calc-header__body {
    font-family: var(--font-family-quaternary);
    color: var(--color-text-primary);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 133%
}

.calc-header__title {
    margin: 0;
    font-size: 3rem;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: initial
}

.calc-header__description {
    margin: 1.25rem 0 0;
    color: #777;
    letter-spacing: initial
}

.calc-header__coins {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: .9375rem;
    padding: .9375rem 0 0
}

.calc-table__container {
    width: 100%
}

.calc-table__aside {
    background: linear-gradient(160deg,#171d22 0%,#101417 42%,#0c0f11 100%);
    border-radius: var(--radius-3xl);
    padding: 1.5625rem 1.5625rem 2rem;
    color: var(--black-100);
    border: .0625rem solid rgb(255 255 255 / .08);
    box-shadow: 0 1.25rem 3rem rgb(0 0 0 / .35),inset 0 1px 0 rgb(255 255 255 / .04);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    gap: 1rem
}

.calc-table__aside::before {
    content: "";
    position: absolute;
    left: -26.4375rem;
    top: -25.125rem;
    width: 40.6875rem;
    height: 40.6875rem;
    background: -o-radial-gradient(50% 50%,50% 50%,rgb(38 98 246 / .5) 0%,#fff0 100%);
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .5) 0%,#fff0 100%);
    z-index: 0;
    pointer-events: none
}

.calc-aside {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.calc-aside-heading {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .85rem
}

.calc-aside-heading::before {
    content: "";
    flex: 0 0 .2rem;
    width: .2rem;
    height: 1.05rem;
    border-radius: .25rem;
    background: linear-gradient(180deg,var(--color-accent),#ffffff)
}

.calc-aside-heading__text {
    font-family: var(--font-family-quaternary);
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgb(255 255 255 / .92)
}

.calc-aside-heading--rates {
    align-items: center;
    margin-bottom: .75rem
}

.calc-aside-heading--rates .calc-aside-heading__hint {
    margin-left: auto
}

.calc-aside-heading__hint {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgb(255 255 255 / .38);
    padding: .2rem .45rem;
    border-radius: .35rem;
    background: rgb(255 255 255 / .06);
    border: .0625rem solid rgb(255 255 255 / .08)
}

.calc-top-miners {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.calc-top-miners--sticky {
    position: sticky;
    bottom: 1rem;
    z-index: 2
}

.calc-top-miners__feedback {
    display: flex;
    justify-content: center
}

.calc-top-miners__top-row {
    display: block
}

.calc-top-miners__actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .5rem;
    width: 100%;
    margin-bottom: .5rem
}

@media (max-width: 420px) {
    .calc-top-miners__actions {
        grid-template-columns:1fr
    }
}

.calc-top-miners__action-btn {
    flex: 1 1 0%;
    --btn-height: 3.625rem;
    gap: .4rem!important;
    padding: 0 1rem;
    border-radius: .85rem;
    text-decoration: none;
    box-shadow: 0 .35rem 1rem rgb(0 0 0 / .25);
    transition: transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base);
    background: #fff
}

.calc-top-miners__action-btn:hover {
    transform: translateY(-2px)
}

.calc-top-miners__action-btn svg {
    flex: 0 0 auto
}

.calc-top-miners__action-btn svg * {
    fill: currentColor!important
}

.calc-top-miners__action-btn span {
    font-weight: 800;
    letter-spacing: .01em;
    font-size: .8rem
}

.calc-top-miners__price-link {
    flex: 1 1 auto;
    text-align: center;
    box-shadow: 0 .35rem 1rem rgb(0 0 0 / .25)
}

.calc-top-miners__nav-group {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2
}

.calc-top-miners__callback {
    width: 100%;
    box-shadow: 0 .35rem 1rem rgb(0 0 0 / .2)
}

.calc-top-miners__block {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    position: relative
}

.calc-top-miners__title {
    font-family: var(--font-family-quaternary);
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text-primary)
}

.calc-top-miners__slider {
    position: sticky;
    top: 1px
}

.calc-table__aside .top-miners__slide {
    width: 100%!important;
    flex: 0 0 100%!important
}

.calc-table__aside .top-miners__swiper {
    overflow: hidden
}

.calc-table__aside .swiper-wrapper {
    gap: 0!important
}

.calc-top-miners__card {
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    position: relative;
    padding: .65rem
}

.calc-top-miners__badge {
    position: absolute;
    top: .65rem;
    left: .65rem;
    z-index: 2;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: #0b0f12;
    background: var(--color-accent);
    border-radius: 9999px;
    padding: .25rem .55rem
}

.calc-top-miners__image-link {
    display: block;
    width: 100%;
    height: 17.5rem;
    overflow: hidden;
    border-radius: .75rem
}

.calc-top-miners__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block
}

.calc-top-miners__meta {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.calc-top-miners__type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: .25rem .55rem;
    border-radius: .5rem;
    font-family: var(--font-family-quaternary);
    font-weight: 800;
    font-size: .7rem;
    letter-spacing: .04em;
    color: rgb(255 255 255 / .88);
    background: rgb(255 255 255 / .04);
    border: .0625rem solid rgb(255 255 255 / .08);
    position: absolute;
    top: 1rem;
    left: 1.5rem
}

.calc-top-miners__name {
    font-family: var(--font-family-quaternary);
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    color: var(--white-100);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none
}

.calc-top-miners__price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem
}

.calc-top-miners__price-row a {
    --btn-height: 3rem
}

.calc-top-miners__price {
    font-size: 1.5rem;
    font-family: var(--font-family-quaternary);
    font-weight: 800;
    color: var(--white-100)
}

.calc-top-miners__price-btn {
    flex: 0 0 auto;
    padding: .4rem .6rem;
    font-size: .75rem
}

.calc-top-miners__nav {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem
}

.calc-top-miners__nav-btn {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 9999px;
    border: .0625rem solid rgb(255 255 255 / .12);
    background: linear-gradient(145deg,rgb(255 255 255 / .08),rgb(255 255 255 / .02));
    color: var(--white-100);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)
}

.calc-top-miners__nav-btn:hover {
    border-color: rgb(255 255 255 / .22);
    transform: scale(1.04);
    background: var(--color-accent)
}

.calc-top-miners__empty {
    font-size: .9rem;
    opacity: .85;
    color: #fff
}

.calc-aside-social {
    display: flex;
    flex-direction: column;
    gap: 0
}

.calc-aside-social__buttons {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .5rem
}

.calc-aside-social__btn {
    height: 2.65rem;
    width: 100%;
    border-radius: .85rem;
    border: .0625rem solid rgb(255 255 255 / .1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),filter var(--transition-base);
    cursor: pointer;
    box-shadow: 0 .25rem .75rem rgb(0 0 0 / .2),inset 0 1px 0 rgb(255 255 255 / .12)
}

.calc-aside-social__icon {
    flex-shrink: 0;
    opacity: .95
}

.calc-aside-social__btn--telegram {
    background: linear-gradient(145deg,rgb(42 171 238 / .35),rgb(42 171 238 / .12))
}

.calc-aside-social__btn--youtube {
    background: linear-gradient(145deg,rgb(255 0 0 / .4),rgb(255 0 0 / .12))
}

.calc-aside-social__btn--vk {
    background: linear-gradient(145deg,rgb(0 119 255 / .38),rgb(0 119 255 / .1))
}

.calc-aside-social__btn--instagram {
    background: linear-gradient(135deg,rgb(225 48 108 / .45),rgb(131 58 180 / .35),rgb(253 29 29 / .25))
}

.calc-aside-social__btn:hover {
    transform: translateY(-2px);
    border-color: rgb(255 255 255 / .22);
    filter: brightness(1.06)
}

.calc-aside-social__btn.is-disabled {
    opacity: .38;
    pointer-events: none;
    filter: grayscale(.35);
    box-shadow: none
}

.calc-aside-news {
    display: flex;
    flex-direction: column;
    gap: 0
}

.calc-aside-news__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .65rem
}

.calc-aside-news__item {
    margin: 0;
    padding: 0
}

.calc-aside-news__link {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    text-decoration: none;
    color: inherit;
    padding: .55rem .6rem;
    border-radius: .85rem;
    border: .0625rem solid rgb(255 255 255 / .06);
    background: rgb(255 255 255 / .03);
    transition: border-color var(--transition-base),background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)
}

.calc-aside-news__link:hover {
    background: rgb(59 111 177 / 6%);
    transform: translateX(2px);
    box-shadow: 0 .35rem 1rem rgb(0 0 0 / .2)
}

.calc-aside-news__thumb {
    width: 4.2rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: .65rem;
    overflow: hidden;
    object-fit: cover;
    background: rgb(255 255 255 / .05);
    border: .0625rem solid rgb(255 255 255 / .08)
}

.calc-aside-news__meta {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.calc-aside-news__link:hover .calc-aside-news__name {
    color: var(--color-accent)
}

.calc-aside-news__name {
    font-family: var(--font-family-quaternary);
    font-size: 1rem;
    line-height: 1.45;
    color: var(--white-100);
    transition: color var(--transition-base);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.calc-aside-news__date {
    font-size: .75rem;
    opacity: .8;
    color: var(--color-background-light)
}

.calc-aside-news__empty {
    font-size: .8rem;
    opacity: .75;
    padding: .75rem;
    border-radius: .75rem;
    background: rgb(255 255 255 / .03);
    border: .0625rem dashed rgb(255 255 255 / .1);
    text-align: center;
    color: #fff
}

.calc-aside-rates {
    display: flex;
    flex-direction: column;
    gap: 0
}

.calc-aside-rates__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .35rem;
    max-height: min(22rem, 55vh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: .35rem .35rem .35rem 0;
    margin-right: -.15rem;
    scrollbar-width: thin;
    scrollbar-color: #5282ff rgb(255 255 255 / .06)
}

@media (max-width: 420px) {
    .calc-aside-rates__list {
        grid-template-columns:1fr
    }
}

.calc-aside-rates__list::-webkit-scrollbar {
    width: 6px
}

.calc-aside-rates__list::-webkit-scrollbar-track {
    background: rgb(255 255 255 / .04);
    border-radius: 9999px
}

.calc-aside-rates__list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,rgb(114 177 59 / .7),rgb(114 177 59 / .35));
    border-radius: 9999px
}

.calc-aside-rates__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: 0;
    border-radius: .7rem;
    background: rgb(255 255 255 / .03);
    border: .0625rem solid rgb(255 255 255 / .06);
    transition: border-color var(--transition-base),background var(--transition-base)
}

.calc-aside-rates__item:nth-child(even) {
    background: rgb(255 255 255 / .05)
}

.calc-aside-rates__item:hover {
    background: rgb(59 67 177 / 7%)
}

.calc-aside-rates__symbol {
    font-family: var(--font-family-quaternary);
    font-size: .72rem;
    letter-spacing: .04em;
    color: rgb(255 255 255 / .95)
}

.calc-aside-rates__value {
    font-family: var(--font-family-quaternary);
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: .04em;
    color: #fff;
    padding: .28rem .5rem;
    border-radius: .4rem;
    background: rgb(0 0 0 / .25)
}

.calc-aside-rates__item-link {
    display: flex;
    inset: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .65rem;
    border-radius: inherit;
    text-decoration: none;
    background: #fff0
}

.calc-aside-rates__item-link:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: .15rem
}

.calc-aside-rates__item--current {
    box-shadow: inset 0 0 0 2px rgb(114 177 59 / .55);
    border-radius: .35rem
}

.calc-aside-nav__links {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 0 .15rem .35rem
}

.calc-aside-nav__link {
    font-size: .88rem;
    padding: .45rem .65rem;
    border-radius: .4rem;
    background: rgb(255 255 255 / .06);
    color: inherit;
    text-decoration: none;
    transition: background .15s ease
}

.calc-aside-nav__link:hover {
    background: rgb(255 255 255 / .12)
}

.calc-aside-coin-info__body {
    padding: 1rem;
    font-size: .85rem;
    line-height: 1.4;
    border-radius: .65rem;
    background: linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .03));
    color: #fff
}

.calc-aside-coin-info__title {
    font-weight: 700;
    font-size: .93rem;
    margin-bottom: .45rem;
    line-height: 1.3
}

.calc-aside-coin-info__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .45rem
}

.calc-aside-coin-info__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .02em;
    background: rgb(255 255 255 / .12);
    color: rgb(255 255 255 / .92)
}

.calc-aside-coin-info__row {
    margin-top: .22rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    border-top: 1px dashed rgb(255 255 255 / .12);
    padding-top: .28rem
}

.calc-aside-coin-info__label {
    opacity: .72;
    flex-shrink: 0;
    font-size: .76rem
}

.calc-aside-coin-info__value {
    text-align: right;
    font-weight: 600;
    font-size: .8rem;
    color: rgb(255 255 255 / .96)
}

.calc-aside-coin-info__row--muted .calc-aside-coin-info__value {
    font-weight: 500;
    color: rgb(255 255 255 / .72)
}

.calc-aside-rates__symbol {
    text-decoration: none
}

.calc-aside-rates__symbol:hover,.calc-aside-rates__symbol:focus-visible {
    text-decoration: underline;
    text-underline-offset: .2em
}

.calc-aside-rates__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .65rem;
    padding: .55rem .75rem;
    border-radius: .75rem;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: rgb(255 255 255 / .85);
    background: rgb(255 255 255 / .04);
    border: .0625rem solid rgb(255 255 255 / .08);
    transition: background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)
}

.calc-aside-heading--rates .calc-aside-rates__all {
    margin-top: 0;
    margin-left: auto
}

.calc-aside-rates__all:hover {
    background: rgb(255 255 255 / .07);
    border-color: rgb(255 255 255 / .14);
    transform: translateY(-1px)
}

.calc-aside-rates__all:focus-visible {
    outline: 2px solid rgb(114 177 59 / .5);
    outline-offset: 2px
}

.calc-aside-rates__updated {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .65rem 0 0;
    padding: .45rem 1rem;
    border-radius: .65rem;
    background: rgb(0 0 0 / .2);
    border: .0625rem solid rgb(255 255 255 / .06);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .02em;
    color: rgb(255 255 255 / .65)
}

.calc-aside-rates__updated-dot {
    flex: 0 0 .45rem;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--color-accent);
    box-shadow: 0 0 0 3px rgb(114 177 59 / .25);
    animation: calc-aside-pulse 2.2s ease-in-out infinite
}

@keyframes calc-aside-pulse {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .45
    }
}

.calc-aside-rates__empty {
    font-size: .8rem;
    opacity: .75;
    padding: .75rem;
    border-radius: .75rem;
    background: rgb(255 255 255 / .03);
    border: .0625rem dashed rgb(255 255 255 / .1);
    text-align: center
}

.calc-header__coin {
    --coin-btn-height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: var(--coin-btn-height);
    border-radius: .375rem;
    padding: 0 .6875rem;
    background-color: #121618;
    font-family: var(--font-family-quaternary);
    font-weight: 600;
    font-size: .8125rem;
    line-height: 100%;
    color: #c0c5d0;
    transition: all var(--transition-base);
    letter-spacing: .05em;
    user-select: none
}

.calc-header__coin.active {
    color: var(--white-100);
    background-color: var(--color-accent);
    cursor: default
}

.calc-header__coins-img {
    --action-btn-icon-size: 1.1875rem;
    flex: 0 0 var(--action-btn-icon-size);
    width: var(--action-btn-icon-size);
    height: var(--action-btn-icon-size);
    object-fit: contain
}

.calc-compare-summary {
    margin: 1.25rem 0 0
}

.calc-compare-summary__card {
    display: grid;
    gap: .85rem;
    padding: 1.15rem 1.3rem 1.2rem;
    border-radius: 1rem;
    background: linear-gradient(165deg,rgb(22 27 32 / .95) 0%,rgb(17 21 26 / .97) 100%);
    border: .0625rem solid rgb(255 255 255 / .1);
    box-shadow: 0 .5rem 1.4rem rgb(0 0 0 / .28)
}

.calc-compare-summary__head {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.calc-compare-summary__title {
    font-size: 1.08rem;
    font-weight: 700;
    color: rgb(239 246 255 / .95)
}

.calc-compare-summary__hint {
    font-size: .79rem;
    line-height: 1.4;
    color: rgb(255 255 255 / .68)
}

.calc-compare-summary__row {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .75rem;
    align-items: center
}

.calc-compare-summary__row--metrics {
    grid-template-columns: 1.25fr repeat(4,minmax(0,1fr))
}

.calc-compare-summary__row--chips {
    grid-template-columns: 1fr
}

.calc-compare-summary__row--income {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.calc-compare-summary__row--profits {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.calc-compare-summary__row--extra {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.calc-compare-summary__row--commercial {
    grid-template-columns: repeat(3,minmax(0,1fr)) auto;
    align-items: stretch
}

.calc-compare-summary__metric {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-height: 4.15rem;
    padding: .6rem .7rem;
    border-radius: .75rem;
    border: .0625rem solid rgb(255 255 255 / .08);
    background: linear-gradient(180deg,rgb(255 255 255 / .045) 0%,rgb(255 255 255 / .02) 100%)
}

.calc-compare-summary__metric--wide {
    min-height: 0
}

.calc-compare-summary__label {
    font-size: .73rem;
    color: rgb(255 255 255 / .62)
}

.calc-compare-summary__input {
    width: 100%;
    padding: .5rem .75rem;
    border-radius: .625rem;
    border: .0625rem solid #59748b;
    background: #0f1214;
    color: var(--white-100);
    font-size: .875rem
}

.calc-compare-summary__input[readonly] {
    cursor: default;
    opacity: .96
}

.calc-compare-summary__value {
    font-size: 1rem;
    font-weight: 700
}

.calc-compare-summary__value--big {
    font-size: 1.18rem;
    color: #fff
}

.calc-compare-summary__chips {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-height: 1.75rem
}

.calc-compare-summary__profit {
    font-size: .98rem;
    font-weight: 700;
    padding: .56rem .8rem;
    border-radius: .75rem;
    border: .0625rem solid rgb(255 255 255 / .09);
    background: rgb(255 255 255 / .06)
}

.calc-compare-summary__profit--currency {
    color: #cfe2ff
}

.calc-compare-summary__profits-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: .5rem
}

.calc-compare-summary__extra {
    font-size: .82rem;
    font-weight: 600;
    color: rgb(255 255 255 / .8);
    padding: .58rem .72rem;
    border-radius: .7rem;
    border: .0625rem solid rgb(255 255 255 / .08);
    background: rgb(255 255 255 / .04)
}

.calc-compare-summary__coin-breakdown {
    display: grid;
    gap: .3rem
}

.calc-compare-summary__coin-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: center;
    gap: .5rem;
    font-size: .8rem;
    padding: .35rem .45rem;
    border-radius: .5rem;
    background: rgb(255 255 255 / .02)
}

.calc-compare-summary__coin-name {
    font-weight: 700;
    color: rgb(226 232 240 / .95)
}

.calc-compare-summary__coin-value {
    font-weight: 700;
    color: rgb(255 255 255 / .88)
}

.calc-compare-summary__coin-share {
    font-size: .75rem;
    color: rgb(255 255 255 / .6)
}

.calc-compare-summary__callback {
    justify-self: end;
    padding: .7rem 1.05rem;
    min-height: 100%
}

@media (max-width: 991px) {
    .calc-compare-summary__row--metrics {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .calc-compare-summary__row--income,.calc-compare-summary__row--profits,.calc-compare-summary__row--extra,.calc-compare-summary__row--commercial {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .calc-compare-summary__profits-grid {
        grid-template-columns: 1fr
    }

    .calc-compare-summary__row {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 575px) {
    .calc-compare-summary__row--metrics,.calc-compare-summary__row--income,.calc-compare-summary__row--profits,.calc-compare-summary__row--extra,.calc-compare-summary__row--commercial {
        grid-template-columns:1fr
    }

    .calc-compare-summary__row {
        grid-template-columns:1fr
    }

    .calc-compare-summary__callback {
        width: 100%
    }
}

.calc-compare--floating {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 50;
    min-width: 9rem;
    padding: .75rem .875rem;
    border-radius: .875rem;
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    transition: opacity 0.18s ease-out,transform 0.18s ease-out
}

.calc-compare--floating.calc-compare--visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.calc-compare--global {
    min-width: 0;
    padding: 0;
    border-radius: 999px;
    background: #fff0;
    box-shadow: none
}

.calc-compare-global__btn {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    border: 0;
    border-radius: 999px;
    padding: .5rem 1rem .5rem .6rem;
    background: #ff6a00;
    color: #fff;
    font-family: var(--font-family-quaternary);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 .5rem 1.5rem rgb(0 0 0 / .28)
}

.calc-compare-global__btn:hover {
    background: #ff7b1f
}

.calc-compare--global .calc-compare__badge {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    background: #fff;
    color: #ff6a00
}

.calc-compare-global__text {
    white-space: nowrap;
    line-height: 1
}

.calc-compare--aside {
    position: relative;
    width: 100%;
    right: auto;
    bottom: auto;
    z-index: 1;
    min-width: 0;
    padding: .75rem .875rem;
    border-radius: .875rem;
    background: rgb(255 255 255 / .03);
    border: .0625rem solid rgb(255 255 255 / .08);
    box-shadow: 0 1.25rem 3rem rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .04);
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: opacity 0.18s ease-out,transform 0.18s ease-out
}

.calc-compare--aside.calc-compare--visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    border-color: rgb(114 177 59 / .45);
    box-shadow: 0 1.25rem 3rem rgb(0 0 0 / .18),0 0 .75rem rgb(114 177 59 / .18),inset 0 1px 0 rgb(255 255 255 / .04)
}

.calc-compare--aside .calc-compare__badge {
    font-size: 2.35rem
}

.calc-compare--aside .calc-compare__actions {
    margin-top: .35rem
}

.calc-compare-manager {
    display: flex;
    flex-direction: column;
    gap: .55rem
}

.calc-compare-manager__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem
}

.calc-compare-manager.is-empty .calc-compare-manager__header {
    display: none
}

.calc-compare-manager__title {
    font-family: var(--font-family-quaternary);
    font-size: .9rem;
    font-weight: 800;
    color: var(--white-100)
}

.calc-compare-manager__title-icon {
    display: inline-flex;
    width: .75rem;
    height: .75rem;
    border-radius: 9999px;
    margin-right: .45rem;
    background: var(--color-accent);
    box-shadow: 0 0 0 3px rgb(114 177 59 / .18)
}

.calc-compare-manager__controls {
    display: flex;
    gap: .35rem
}

.calc-compare-manager__icon-btn {
    padding: 0!important;
    min-height: 2.1rem;
    width: 2.1rem;
    height: 2.1rem!important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem
}

.calc-compare-manager__icon-btn svg {
    display: block
}

.calc-compare-manager__empty {
    font-size: .82rem;
    opacity: .85;
    padding: .25rem .15rem .25rem .15rem;
    border-radius: .65rem;
    text-align: center
}

.calc-compare-manager__empty-title {
    font-family: var(--font-family-quaternary);
    font-weight: 800;
    font-size: .9rem;
    color: rgb(255 255 255 / .92)
}

.calc-compare-manager__empty-hint {
    margin-top: .25rem;
    font-size: .78rem;
    color: rgb(255 255 255 / .65);
    display: inline-flex;
    align-items: center;
    gap: .35rem
}

.calc-compare-manager__empty-icon {
    display: inline-flex;
    width: 1.4rem;
    height: 1.4rem;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    background: rgb(255 255 255 / .06);
    border: .0625rem solid rgb(255 255 255 / .1);
    color: var(--white-100)
}

.calc-compare-manager__empty-icon svg {
    width: 1.05rem;
    height: 1.05rem
}

.calc-compare-manager__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    max-height: 12rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: .25rem;
    scrollbar-width: thin;
    scrollbar-color: #5282ff rgb(255 255 255 / .06)
}

.calc-compare-manager__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .35rem .1rem;
    border-radius: 0;
    background: #fff0;
    border: none;
    border-bottom: .0625rem solid rgb(255 255 255 / .08);
    transition: transform var(--transition-base)
}

.calc-compare-manager__item:last-child {
    border-bottom: none
}

.calc-compare-manager__name {
    font-family: var(--font-family-quaternary);
    font-weight: 800;
    font-size: .82rem;
    color: var(--white-100);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.calc-compare-manager__remove {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 9999px;
    border: .0625rem solid rgb(255 255 255 / .1);
    background: rgb(0 0 0 / .12);
    color: var(--white-100);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    transition: transform var(--transition-base),border-color var(--transition-base),background var(--transition-base)
}

.calc-compare-manager__remove:hover {
    transform: translateY(-1px);
    border-color: rgb(255 0 0 / .35);
    background: rgb(255 0 0 / .12)
}

.calc-compare-manager__right {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto
}

.calc-compare-manager__qty {
    display: inline-flex;
    align-items: center;
    gap: .25rem
}

.calc-compare-manager__qty-btn {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: .65rem;
    border: .0625rem solid rgb(255 255 255 / .1);
    background: rgb(255 255 255 / .04);
    color: rgb(255 255 255 / .92);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    transition: background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)
}

.calc-compare-manager__qty-btn:hover {
    transform: translateY(-1px);
    border-color: rgb(255 255 255 / .18);
    background: rgb(255 255 255 / .07)
}

.calc-compare-manager__qty-input {
    width: 2.2rem;
    height: 1.7rem;
    border-radius: .65rem;
    border: .0625rem solid rgb(255 255 255 / .1);
    background: rgb(0 0 0 / .12);
    color: rgb(255 255 255 / .92);
    text-align: center;
    font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
    font-size: .8rem;
    outline: none
}

.calc-compare-manager__qty-input:focus {
    border-color: rgb(114 177 59 / .45);
    box-shadow: 0 0 0 3px rgb(114 177 59 / .18)
}

.calc-compare__empty-text {
    display: none;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.3;
    color: rgb(255 255 255 / .72);
    text-align: center;
    padding: .4rem .2rem .15rem
}

.calc-compare--aside:not(.calc-compare--visible) .calc-compare__badge,.calc-compare--aside:not(.calc-compare--visible) .calc-compare__text,.calc-compare--aside:not(.calc-compare--visible) .calc-compare__actions {
    display: none
}

.calc-compare--aside:not(.calc-compare--visible) .calc-compare__empty-text {
    display: block
}

.calc-compare--aside.calc-compare--visible .calc-compare__empty-text {
    display: none
}

.calc-compare__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem
}

.calc-compare__badge {
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 800;
    color: var(--white-100)
}

.calc-compare__text {
    font-size: .75rem;
    opacity: .85;
    color: var(--white-100)
}

.calc-compare__actions {
    display: flex;
    gap: .375rem;
    margin-top: .5rem;
    justify-content: center
}

.calc-compare__btn {
    padding: .4rem .65rem;
    font-size: .75rem;
    line-height: 1.1;
    min-height: auto
}

.calc-compare__btn--icon {
    min-width: 2.25rem;
    padding: .4rem;
    font-weight: 700
}

@media (max-width: 767px) {
    .calc-compare--floating {
        right:1rem;
        bottom: 1rem;
        padding: .625rem .75rem
    }

    .calc-compare--global {
        padding: 0
    }

    .calc-compare-global__btn {
        padding: .35rem;
        width: 2.2rem;
        height: 2.2rem;
        justify-content: center;
        gap: 0
    }

    .calc-compare--global .calc-compare__badge {
        width: 1.85rem;
        height: 1.85rem;
        min-width: 1.85rem;
        font-size: .95rem
    }

    .calc-compare-global__text {
        display: none
    }

    .calc-compare__badge {
        font-size: 1.75rem
    }

    .calc-compare__btn {
        font-size: .7rem;
        padding: .35rem .55rem
    }

    .calc-compare__btn--icon {
        min-width: 2rem
    }
}

@media (max-width: 767px) {
    .calc-compare--floating {
        right:1rem;
        bottom: 5rem;
        padding: .625rem .75rem
    }

    .calc-compare--global {
        padding: 0
    }

    .calc-compare-global__btn {
        padding: .35rem;
        width: 2.2rem;
        height: 2.2rem;
        justify-content: center;
        gap: 0
    }

    .calc-compare--global .calc-compare__badge {
        width: 1.85rem;
        height: 1.85rem;
        min-width: 1.85rem;
        font-size: .95rem
    }

    .calc-compare-global__text {
        display: none
    }

    .calc-compare__badge {
        font-size: 1.75rem
    }

    .calc-compare__btn {
        font-size: .7rem;
        padding: .35rem .55rem
    }

    .calc-compare__btn--icon {
        min-width: 2rem
    }
}

.product__body {
    gap: 1.25rem!important;
    margin: 2rem 0rem 0!important
}

.calc-table__skeleton {
    margin: 1.25rem 0 0;
    display: grid;
    gap: .5rem
}

.calc-table__skeleton-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: .5rem
}

.calc-table__skeleton-cell {
    position: relative;
    overflow: hidden;
    height: 1.75rem;
    border-radius: .5rem;
    background: #15191b
}

.calc-table__skeleton-cell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,#fff0 0%,rgb(255 255 255 / .16) 50%,#fff0 100%);
    transform: translateX(-100%);
    animation: calc-skeleton-shimmer 1.1s infinite
}

.calc-table__skeleton-cell--wide {
    grid-column: span 2
}

.calc-table__skeleton-cell--profit {
    max-width: 8.75rem;
    justify-self: flex-end
}

.calc-table__skeleton--hidden {
    display: none
}

@keyframes calc-skeleton-shimmer {
    100% {
        transform: translateX(100%)
    }
}

.calc-table__header {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin: 0 0 .4375rem;
    width: 100%;
    position: relative;
    background: linear-gradient(160deg,#171d22 0%,#101417 42%,#0c0f11 100%);
    border-radius: var(--radius-3xl);
    padding: .5rem 1rem .5rem .5rem;
    color: var(--black-100);
    border: .0625rem solid rgb(255 255 255 / .08)
}

.calc-table__header h2 {
    margin: 0;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.5rem
}

.calc-table__search {
    position: relative;
    max-width: 26.9375rem;
    flex: 1 1 auto
}

.calc-table__search-input {
    width: 100%;
    border: .0625rem solid #434343;
    border-radius: .625rem;
    background: #fff0;
    padding: .75rem 1.25rem .75rem 3.4375rem;
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--color-text-primary)
}

.calc-table__search-input::-webkit-input-placeholder {
    color: gray
}

.calc-table__search-input::-moz-placeholder {
    color: gray
}

.calc-table__search-input:-ms-input-placeholder {
    color: gray
}

.calc-table__search-input::-ms-input-placeholder {
    color: gray
}

.calc-table__search-input::placeholder {
    color: gray
}

.calc-table__search-icon {
    --icon-size: 1.4375rem;
    position: absolute;
    top: 50%;
    left: 1.1875rem;
    transform: translateY(-50%);
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.calc-table__filters {
    --filter-height: 2.9375rem;
    display: flex;
    align-items: center;
    position: relative
}

.calc-table__filter-item {
    position: relative
}

.calc-table__filter-dropdown {
    --top-offset: 0.625rem;
    position: absolute;
    top: calc(100% + var(--top-offset));
    left: 0;
    z-index: 99999;
    min-width: 100%;
    padding: .25rem 0;
    background: var(--color-border);
    border: .0625rem solid #000;
    border-radius: .625rem;
    opacity: 0;
    visibility: hidden;
    transition: background-color var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)
}

.calc-table__filter-dropdown--right {
    left: auto;
    right: 0
}

.calc-table__filter-dropdown.active {
    opacity: 1;
    visibility: visible
}

.calc-table__filter-dropdown-option {
    width: 100%;
    padding: .5rem .625rem;
    color: var(--color-background-light);
    text-align: left;
    font-size: .9rem
}

.calc-table__filter-dropdown-option.selected {
    background-color: var(--color-accent)
}

.calc-table__filter:focus {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.calc-table__filter:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.calc-table__filter-dropdown-option:focus {
    outline: .125rem solid var(--color-accent);
    outline-offset: -.125rem
}

.calc-table__filter-dropdown-option:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: -.125rem
}

.calc-table__filter-dropdown-option.keyboard-focus {
    background: #59748b
}

.calc-table__filter {
    display: inline-flex;
    align-items: center;
    gap: .8125rem;
    padding: .5313rem .625rem;
    border-radius: .625rem;
    background: var(--color-border);
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: .875rem;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--color-text-primary);
    transition: background-color var(--transition-base),color var(--transition-base)
}

.calc-table__filter:not(:first-child) {
    margin-left: 1.25rem
}

.calc-table__filter-icon {
    --icon-size: 1.75rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.calc-table__reset {
    padding: .6875rem .625rem;
    margin: 0 -.625rem 0 .625rem;
    object-fit: contain;
    color: #006aff;
    transition: color var(--transition-base)
}

.calc-table__reset-icon {
    --icon-size: 1.5rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size)
}

.calc-table__table {
    --table-row-offset: 0.1375rem;
    width: 100%!important;
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--color-text-primary);
    border-collapse: separate;
    border-spacing: 0 var(--table-row-offset)!important
}

.calc-table__table tbody tr {
    transition: transform 0.2s ease-out,opacity 0.2s ease-out,background-color 0.2s ease-out;
    font-size: 1rem
}

.calc-table__table tbody tr:hover {
    background: var(--color-accent-light);
    transform: translateX(.6rem)
}

.calc-table__row--appearing {
    opacity: 0;
    transform: translateY(4px)
}

.calc-table__table tr:nth-child(2n) {
    background: #121618
}

.product__body table.dataTable>thead>tr>th,.product__body table.dataTable>tbody>tr>td {
    padding-right: 1rem;
    padding-left: 1rem
}

.calc-table__top .calc-table__top-link:nth-child(2) {
    position: relative;
    left: -15px
}

.product__body table.dataTable>thead>tr>th {
    padding-top: .5625rem;
    padding-bottom: .5625rem;
    font-weight: 400;
    font-size: .9rem;
    cursor: pointer;
    background: var(--color-accent)
}

.product__body table.dataTable>thead>tr>th:first-child {
    border-radius: .625rem 0 0 .625rem
}

.product__body table.dataTable>thead>tr>th:last-child {
    border-radius: 0 .625rem .625rem 0;
    padding-right: 1rem!important
}

.product__body table.dataTable>tbody>tr:nth-child(odd)>td {
    padding-top: 1.4375rem;
    padding-bottom: 1.4375rem
}

td .calc-table__top {
    position: relative
}

.calc-table__wishlist-icon {
    --icon-size: 1.5rem;
    position: relative;
    top: -.125rem;
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.calc-table__top-icon {
    --icon-size: 2rem;
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.calc-table__price-details {
    color: rgb(255 255 255 / .5)
}

.calc-table__profit-wrapper {
    display: block;
    padding: .5625rem .75rem;
    background: linear-gradient(90deg,#fff0 0%,#72b13b 100%);
    text-align: right;
    transition: background 0.22s ease-out,transform 0.18s ease-out,box-shadow 0.22s ease-out
}

.calc-table__profit-wrapper--updated {
    transform: scale(1.03);
    box-shadow: 0 0 .75rem rgb(114 177 59 / .55)
}

.calc-table__th-wrapper {
    position: relative
}

th.sorting_disabled::before,th.sorting_disabled::after {
    display: none!important
}

th.sorting::before,th.sorting::after {
    display: none!important
}

th.sorting .calc-table__th-wrapper::before,th.sorting .calc-table__th-wrapper::after {
    --y-offset: 0.1875rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    content: ""!important;
    width: 2rem;
    height: 1.125rem;
    margin-left: -.25rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5303 14.0303C16.2374 14.3232 15.7626 14.3232 15.4697 14.0303L12 10.5607L8.53033 14.0303C8.23744 14.3232 7.76256 14.3232 7.46967 14.0303C7.17678 13.7374 7.17678 13.2626 7.46967 12.9697L11.4697 8.96967C11.7626 8.67678 12.2374 8.67678 12.5303 8.96967L16.5303 12.9697C16.8232 13.2626 16.8232 13.7374 16.5303 14.0303Z' fill='%23ffffff'/%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1!important
}

th.sorting_asc .calc-table__th-wrapper::before,th.sorting_desc .calc-table__th-wrapper::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5303 14.0303C16.2374 14.3232 15.7626 14.3232 15.4697 14.0303L12 10.5607L8.53033 14.0303C8.23744 14.3232 7.76256 14.3232 7.46967 14.0303C7.17678 13.7374 7.17678 13.2626 7.46967 12.9697L11.4697 8.96967C11.7626 8.67678 12.2374 8.67678 12.5303 8.96967L16.5303 12.9697C16.8232 13.2626 16.8232 13.7374 16.5303 14.0303Z' fill='%232467e0'/%3e%3c/svg%3e")
}

th.sorting .calc-table__th-wrapper::before {
    margin-top: calc(var(--y-offset) * -1)
}

th.sorting .calc-table__th-wrapper::after {
    transform: rotate(180deg) translateY(50%);
    margin-top: var(--y-offset)
}

@media (hover: hover) {
    .calc-header__coin:not(.active):hover {
        color:var(--white-100);
        background-color: var(--color-accent-hover)
    }

    .calc-table__reset:hover {
        color: #cf1b1b
    }

    .calc-table__filter:hover {
        background-color: #59748b
    }

    .calc-table__filter-dropdown-option:hover {
        background-color: #59748b
    }
}

.calc-table__filter:active {
    background-color: #45596a
}

.calc-table__reset:active {
    color: #9f1414
}

@media (hover: none) {
    .calc-header__coin:not(.active):active {
        color:var(--white-100);
        background-color: var(--color-accent-hover)
    }
}

.dataTables_filter {
    display: none!important
}

@media (min-width: 768px) {
    .calc-table__filter-dropdown-header,.calc-table__filter-dropdown-footer {
        display:none
    }
}

@media (min-width: 992px) {
    .calc-table__filter-item {
        margin-left:1.25rem
    }

    .product__body table.dataTable>tbody>tr>td {
        padding-top: 0;
        padding-bottom: 0;
        padding-top: 1.4375rem;
        padding-bottom: 1.4375rem
    }

    .calc-table__filter--sort {
        display: none
    }
}

@media (min-width: 1200px) {
    .product__body table.dataTable>thead>tr>th.calc-table__wishlist,.product__body table.dataTable>tbody>tr>td.calc-table__wishlist {
        width:2.1875rem!important;
        padding-left: 1.1875rem;
        padding-right: 0
    }

    .product__body table.dataTable>thead>tr>th.calc-table__model,.product__body table.dataTable>tbody>tr>td.calc-table__model {
        width: 29.125rem!important
    }
}

@media (max-width: 1199px) {
    .calc-header {
        padding:0
    }

    .calc-header::before {
        top: -72.8125rem;
        left: -20.25rem
    }

    .calc-header::after {
        top: -.9375rem;
        right: -23.375rem;
        width: 66.375rem;
        height: 66.375rem
    }

    .calc-header__title {
        font-size: 1.875rem
    }

    .calc-header__body {
        font-size: 1rem
    }

    .calc-header__container {
        grid-template-columns: 1fr;
        gap: 1.875rem
    }

    .calc-table__table {
        --table-row-offset: 1rem;
        font-size: .875rem
    }

    .calc-table__wishlist-icon {
        --icon-size: 1.125rem
    }

    .calc-table__top-icon {
        --icon-size: 1.5rem
    }

    .calc-table__filter {
        gap: .3125rem;
        padding: .375rem .5rem;
        font-size: .875rem
    }

    .calc-table__filter:not(:first-child) {
        margin-left: .875rem
    }

    .calc-table__filter-icon {
        --icon-size: 1.375rem
    }

    .calc-table__search-input {
        padding: .4063rem 1rem .4063rem 2.8125rem
    }

    .calc-table__search-icon {
        --icon-size: 1.25rem;
        left: .875rem
    }

    .calc-table__reset {
        padding: .375rem .625rem;
        margin-right: -.625rem
    }

    .calc-table__reset-icon {
        --icon-size: 1.25rem
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .product__body table.dataTable>tbody>tr:nth-child(odd)>td {
        padding-top:1rem;
        padding-bottom: 1rem
    }

    .product__body table.dataTable>thead>tr>th,.product__body table.dataTable>tbody>tr>td {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .product__body table.dataTable>thead>tr>th:last-child,.product__body table.dataTable>tbody>tr>td:last-child {
        padding-right: 1rem
    }

    .product__body table.dataTable>thead>tr>th.calc-table__model,.product__body table.dataTable>tbody>tr>td.calc-table__model {
        width: 12.5rem!important
    }

    .product__body table.dataTable>thead>tr>th.calc-table__wishlist,.product__body table.dataTable>tbody>tr>td.calc-table__wishlist {
        width: 1.25rem!important;
        padding-left: 1rem;
        padding-right: 0
    }
}

@media (max-width: 991px) {
    .calc-table__table {
        display:block
    }

    .product__body table.dataTable>thead,.product__body table.dataTable>thead .sorting_disabled {
        display: none
    }

    .product__body table.dataTable>thead.active {
        display: block
    }

    .product__body table.dataTable>thead tr {
        display: block;
        overflow: hidden;
        margin: 0 0 1.25rem;
        border-radius: 1rem;
        background: #121618
    }

    .product__body table.dataTable>thead>tr>th {
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        width: 100%!important;
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-color: #4b5563
    }

    .product__body table.dataTable>thead>tr>th:last-child {
        border-bottom: none
    }

    .product__body table.dataTable>tbody,.product__body table.dataTable>tbody>tr {
        display: block
    }

    .product__body table.dataTable>tbody>tr {
        padding-right: 1rem;
        padding-left: 1rem;
        border-radius: 1rem
    }

    .product__body table.dataTable>tbody>tr:nth-child(odd) {
        background: #161616
    }

    .product__body table.dataTable>tbody>tr>td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
        padding-left: 0
    }

    .product__body table.dataTable>tbody>tr>td.dataTables_empty {
        justify-content: center
    }

    .product__body table.dataTable>tbody>tr>td,.product__body table.dataTable>tbody>tr:nth-child(odd)>td {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .product__body table.dataTable>tbody>tr>td:first-child,.product__body table.dataTable>tbody>tr:nth-child(odd)>td:first-child {
        padding-top: 1rem
    }

    .product__body table.dataTable>tbody>tr>td:last-child,.product__body table.dataTable>tbody>tr:nth-child(odd)>td:last-child {
        padding-bottom: 1rem
    }

    .product__body table.dataTable>tbody>tr>td::before {
        content: attr(data-label);
        font-weight: 600
    }

    .product__body table.dataTable>tbody>tr>td:not(:last-child) {
        border-bottom: .0625rem solid #161616
    }

    .product__body table.dataTable>tbody>tr:nth-child(odd)>td:not(:last-child) {
        border-bottom: .0625rem solid #000
    }

    .calc-compare-summary~.calc-table__table-wrapper tr:not(last-child) {
        margin: 0 0 1rem
    }

    .calc-table__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin: 0 0 1.875rem
    }

    .calc-table__search {
        max-width: 100%;
        width: 100%
    }

    .calc-table__filters {
        flex-wrap: wrap;
        gap: .5rem .75rem
    }
}

@media (max-width: 767px) {
    .calc-header {
        padding:20px 0 0
    }

    .product__body table.dataTable>tbody>tr {
        margin: 1rem 0
    }

    .calc-header::before {
        opacity: .5
    }

    .calc-header::after {
        top: 11.0625rem;
        right: -21.375rem;
        width: 40rem;
        height: 40rem;
        opacity: .2
    }

    .calc-table__filter:not(:first-child) {
        margin-left: 0
    }

    .calc-table__filter-dropdown {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding: .625rem 0 3.8375rem;
        border-radius: 1rem 1rem 0 0;
        overflow: hidden;
        box-shadow: 0 -.5rem 1rem rgb(0 0 0 / .1);
        border-bottom: none;
        border-left: none;
        border-right: none
    }

    .calc-table__filter-dropdown-option {
        width: 100%;
        padding: .525rem var(--container-padding)
    }

    .calc-table__filter-dropdown-wrapper {
        max-height: 75vh;
        height: 100%;
        overflow-y: auto
    }

    .calc-table__filter-dropdown-title {
        padding: .25rem var(--container-padding) .35rem;
        font-size: 1rem;
        text-align: center;
        font-weight: 600
    }

    .calc-table__filter-dropdown-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        padding: .525rem var(--container-padding);
        background: #121618;
        border-top: .0625rem solid #59748b
    }

    .calc-table__filter-dropdown-footer-button {
        --btn-height: 2.25rem;
        width: 100%
    }

    .calc-table__filters {
        --filter-height: 2.25rem
    }
}

@media (max-width: 479px) {
    .calc-table__filters {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap: .5rem;
        width: 100%
    }

    .calc-table__filter {
        width: 100%;
        justify-content: center
    }

    .calc-table__reset {
        height: var(--filter-height);
        margin: 0;
        border: .0625rem solid #59748b;
        border-radius: .625rem;
        background: #121618;
        color: var(--white-100)
    }

    .calc-table__reset:active {
        background-color: #59748b
    }

    .calc-table__reset-icon {
        --icon-size: 1rem
    }
}

.calc-single::before {
    position: absolute;
    top: -42.75rem;
    left: -38.25rem;
    z-index: -1;
    content: "";
    width: 47rem;
    height: 131.5rem;
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
    transform: rotate(32deg);
    pointer-events: none
}

.calc-single::after {
    content: "";
    position: absolute;
    top: -38.3125rem;
    right: -41.875rem;
    z-index: -1;
    width: 83rem;
    height: 83rem;
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .3) 0%,#fff0 100%);
    pointer-events: none;
    opacity: .3
}

.calc-single__top {
    display: grid;
    gap: 1.25rem 1.375rem
}

.calc-single__subtitle {
    font-size: 1.5rem
}

.calc-single__header {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 5.8125rem 0 0
}

.calc-single__title {
    margin: 0;
    font-family: var(--font-family-quaternary);
    font-weight: 700;
    font-size: 3rem;
    line-height: 140%;
    color: var(--color-text-primary);
    letter-spacing: initial
}

.calc-single__badges {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin: 1.25rem 0 0
}

.calc-single__badge {
    --badge--height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    padding: .4375rem 1.5rem;
    min-height: var(--badge--height);
    background: var(--color-accent);
    font-family: var(--font-family-tertiary);
    font-weight: 700;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: 0;
    color: var(--color-text-primary)
}

.calc-single__badge--profit {
    padding: 0 1.0625rem 0 .5625rem;
    background: linear-gradient(270deg,#72b13b 0%,#fff0 100%);
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 150%;
    letter-spacing: -.02em
}

.calc-single__badge--new {
    letter-spacing: -.03em;
    line-height: 1
}

.calc-single__badge--unavailable {
    background: #f65726
}

.calc-single__manufacturer {
    padding: 1.125rem 0 0;
    display: flex;
    justify-content: end;
    align-items: center
}

.calc-single__manufacturer-icon {
    width: auto;
    height: 2.0625rem
}

.calc-single__product.calc-product {
    position: relative
}

.calc-product__wishlist-wrap {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 2
}

.calc-product__wishlist-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: none;
    border-radius: .5rem;
    background: rgb(0 0 0 / .45);
    cursor: pointer;
    transition: background .15s ease
}

.calc-product__wishlist-btn:hover {
    background: rgb(0 0 0 / .65)
}

.calc-product__wishlist-btn.is-active {
    background: rgb(0 123 255 / .45)
}

.calc-product__img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23rem;
    width: 100%;
    object-fit: revert
}

.calc-product__img {
    width: 100%;
    top: 0;
    position: relative
}

.calc-product__specs {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calc-product__title {
    color: #fff;
    margin: 1rem revert-layer;
    font-size: 1.5rem
}

.calc-product__spec {
    display: flex;
    flex-direction: row;
    align-items: normal;
    gap: .1875rem;
    padding: .25rem 0;
    border-radius: 1.8125rem;
    width: 100%;
    justify-content: space-between
}

.calc-product__spec-label {
    color: #a4a4a4;
    font-family: var(--font-family-quinary);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02em
}

.calc-product__spec-value {
    color: var(--color-text-primary);
    font-family: var(--font-family-secondary);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -.02em
}

.calc-product__spec-value--coin {
    display: flex;
    align-items: center;
    gap: .625rem
}

.calc-product__coin-icon {
    --coin-size: 1.0625rem;
    display: inline-flex;
    flex: 0 0 var(--coin-size);
    width: var(--coin-size);
    height: var(--coin-size)
}

.calc-product__description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: -.03em;
    color: var(--color-text-primary)
}

.calc-product__buy-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.5rem 0 0;
    padding: .875rem 1.75rem;
    border-radius: var(--radius-md);
    background: linear-gradient(155deg,#346614 0%,#489120 48%,#3a7618 100%);
    color: #fff;
    font-family: var(--font-family-secondary);
    font-size: .9375rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease,transform .2s ease
}

.calc-product__buy-button:hover {
    transform: translateY(-1px)
}

.calc-product__buy-button:active {
    transform: translateY(0)
}

.calc-single__top-info {
    display: flex;
    flex-direction: column;
    gap: 1.25rem 1.375rem
}

.calc-single__help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: 1rem;
    line-height: 156%;
    color: var(--color-text-primary);
    letter-spacing: normal
}

.calc-single__help-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex: 1 0 auto;
    padding: .625rem 4.9375rem;
    border-radius: 1.25rem;
    font-family: var(--font-family-tertiary);
    font-weight: 700;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: -.03em;
    color: var(--color-text-primary);
    background-color: var(--color-accent);
    transition: background var(--transition-base)
}

.calc-single__help-image-wrapper {
    position: relative
}

.calc-single__help-image-wrapper::before {
    --indicator-size: 0.5rem;
    content: "";
    position: absolute;
    top: .125rem;
    left: -.0625rem;
    z-index: 1;
    width: var(--indicator-size);
    height: var(--indicator-size);
    background: #84f000;
    border: .0625rem solid #070809;
    border-radius: 50%
}

.calc-single__help-image {
    --img-size: 2.25rem;
    flex: 0 0 var(--img-size);
    width: var(--img-size);
    height: var(--img-size);
    border-radius: 50%
}

.profit-chart--tech {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: #0000006b;
    backdrop-filter: blur(5px);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.calc-single__profit-distribution {
    display: grid;
    gap: 1.25rem
}

.profit-distribution {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22.5rem;
    background: linear-gradient(180deg,#72b13b 0%,#fff0 100%);
    border-radius: 1.875rem
}

.profit-distribution__section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    padding: .9375rem;
    transition: .5s .2s;
    color: var(--color-text-primary)
}

.profit-distribution__section--electricity {
    background: rgb(246 86 38 / .7)
}

.profit-distribution__icon {
    --icon-size: 1.5rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size)
}

.profit-distribution__icon--electricity {
    --icon-size: 1rem;
    margin-top: -.5rem
}

.profit-distribution__percentage {
    font-family: var(--font-family-secondary);
    font-weight: 900;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -.02em;
    text-align: center
}

.profit-distribution__label {
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: .75rem;
    line-height: 150%;
    letter-spacing: -.02em;
    text-align: center
}

.product-cards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.25rem
}

.product-item {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 2.1875rem;
    background: var(--color-card-background);
    border-radius: 1.875rem;
    padding: 1.875rem 2.25rem;
    color: var(--color-text-primary);
    font-family: var(--font-family-quaternary);
    font-size: 1rem;
    line-height: 156%;
    letter-spacing: initial
}

.product-item__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.1875rem;
    padding: 0 .625rem .0625rem;
    font-family: var(--font-family);
    font-size: .75rem;
    line-height: 1.1875rem;
    letter-spacing: 0;
    color: var(--color-text-primary);
    border: .0625rem solid var(--color-text-primary);
    border-radius: 2.875rem
}

.product-item__badge--preorder {
    color: var(--color-accent);
    border: .0625rem solid var(--color-accent)
}

.product-item__name {
    margin: .5rem 0 0
}

.product-item__info-item {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin: .5rem 0 0
}

.product-item__info-item-title {
    color: rgb(255 255 255 / .5)
}

.product-item__info-item-value {
    font-weight: 700
}

.product-item__price,.product-item__price-new {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 104%;
    text-align: right;
    color: var(--color-accent)
}

.product-item__price-old {
    margin: .6875rem 0 0;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 104%;
    text-decoration: line-through;
    text-align: right;
    color: #373e41
}

.product-item__card-btn {
    --btn-height: 2.8125rem;
    gap: .625rem;
    margin: 1.125rem 0 0;
    border-radius: 1.25rem;
    padding: 0 1.5625rem;
    font-family: var(--font-family-secondary);
    font-weight: 400;
    font-size: .875rem
}

.product-item__card-cart-icon {
    --icon-size: 0.8125rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size)
}

.calc-single__tables {
    margin: 2.8125rem 0 0
}

.calc-single__tables--secondary {
    margin: 3.25rem 0 0
}

.calc-single__tables-grid {
    display: grid;
    grid-template-columns: 43rem 1fr;
    gap: 1.25rem
}

.calc-single__table {
    --table-border-radius: 1.875rem;
    --table-row-offset: 0.25rem;
    border-spacing: 0 var(--table-row-offset);
    width: 100%;
    overflow: hidden;
    margin: calc(var(--table-row-offset) * -1) 0
}

.calc-single__tables-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem;
    height: 100%
}

.calc-single__table th,.calc-single__table td {
    padding: .75rem 1.875rem;
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: 1rem;
    line-height: 156%;
    color: #d2d2d2
}

.calc-single__table th {
    color: #fff
}

.calc-single__table tfoot td {
    height: 3.0625rem
}

.calc-single__table thead tr,.calc-single__table tfoot tr {
    background: var(--color-card-background)
}

.calc-single__table tfoot td:first-child {
    border-radius: 0 0 0 var(--table-border-radius)
}

.calc-single__table tfoot td:last-child {
    border-radius: 0 0 var(--table-border-radius) 0
}

.calc-single__table tbody tr {
    background: rgb(25 30 32 / .5);
    background-attachment: fixed!important
}

.calc-single__table tbody tr.active {
    background: rgb(25 30 32 / .5) linear-gradient(270deg,#72b13b 0%,#fff0 100%)
}

.calc-single__table tbody tr.active td {
    position: relative;
    z-index: 2
}

.calc-single__table--specs th:nth-child(1),.calc-single__table--specs td:nth-child(1) {
    width: 50%
}

.calc-single__table--profit th:nth-child(1),.calc-single__table--profit td:nth-child(1) {
    width: 35%
}

td.calc-single__table-negative {
    color: #f65626
}

.calc-single__table-generate {
    --indicator-color: #72b13b;
    display: flex;
    align-items: center;
    gap: .375rem
}

.calc-single__table-generate--1 {
    --indicator-color: #f65626
}

.calc-single__table-generate--2,.calc-single__table-generate--3 {
    --indicator-color: #f6d726
}

.calc-single__table-generate::before {
    --indicator-size: 0.8125rem;
    content: "";
    flex: 0 0 var(--indicator-size);
    width: var(--indicator-size);
    height: var(--indicator-size);
    background: var(--indicator-color);
    border-radius: 50%
}

.calc-single__table-coin {
    --action-btn-icon-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: .375rem
}

.calc-single__table-coin-icon {
    --icon-size: 1.5625rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: cover;
    border-radius: 50%
}

.profit-chart {
    position: relative;
    padding: .5em;
    border-radius: 1.875rem;
    background: var(--color-card-background);
    overflow: hidden;
    isolation: isolate
}

.profit-chart::after {
    position: absolute;
    left: 50%;
    bottom: -18%;
    z-index: 1;
    content: "";
    width: 118%;
    height: 62%;
    transform: translateX(-50%);
    background: radial-gradient(ellipse 75% 55% at 50% 100%,rgb(38 98 246 / .22) 0%,rgb(38 98 246 / .08) 44%,transparent 72%);
    pointer-events: none;
    animation: profit-chart-glow-pulse 4.2s ease-in-out infinite
}

@supports (color: color-mix(in srgb,red,blue)) {
    .profit-chart::after {
        background:radial-gradient(ellipse 75% 55% at 50% 100%,color-mix(in srgb,var(--color-accent,#2662f6) 32%,transparent) 0%,color-mix(in srgb,var(--color-accent,#2662f6) 10%,transparent) 44%,transparent 72%)
    }
}

@keyframes profit-chart-glow-pulse {
    0%,100% {
        opacity: .55;
        transform: translateX(-50%) scale(1)
    }

    40% {
        opacity: .95;
        transform: translateX(-50%) scale(1.06)
    }

    70% {
        opacity: .7;
        transform: translateX(-50%) scale(1.02)
    }
}

@media (prefers-reduced-motion:reduce) {
    .profit-chart::after {
        animation: none;
        opacity: .75
    }
}

.profit-chart__body {
    position: relative;
    z-index: 2
}

.profit-chart__tabs {
    position: absolute;
    top: 1.4375rem;
    right: 1.375rem;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: .875rem;
    margin: 0 0 0 auto
}

.profit-chart__tab-wrapper {
    position: relative
}

.profit-chart__tab {
    --btn-height: 1.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--btn-height);
    padding: .25rem 1.25rem;
    margin: 0;
    border: .0625rem solid var(--color-accent);
    border-radius: .625rem;
    font-family: var(--font-family-secondary);
    font-weight: 600;
    font-size: .875rem;
    line-height: 1;
    color: var(--color-text-primary);
    cursor: pointer;
    transition: background var(--transition-base)
}

.profit-chart__tab-wrapper input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    appearance: none
}

input:checked+.profit-chart__tab {
    background-color: var(--color-accent)
}

input:focus-visible+.profit-chart__tab {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.profit-chart__wrapper {
    --chart-wrapper-height: 19.0625rem;
    --chart-y-offset: 10px;
    height: var(--chart-wrapper-height);
    overflow: hidden
}

.profit-chart__item {
    position: relative;
    top: var(--chart-y-offset);
    height: calc(var(--chart-wrapper-height) + var(--chart-y-offset));
    width: 100%;
    max-width: 100%
}

.profit-chart__empty {
    margin: 0;
    padding: 2rem;
    text-align: center;
    font-family: var(--font-family-secondary);
    font-size: .875rem;
    line-height: 1.45;
    color: #fff;
    opacity: .65
}

.profit-chart__hint {
    position: relative;
    z-index: 3;
    margin: 1rem 1rem 0;
    font-family: var(--font-family-secondary);
    font-size: .75rem;
    line-height: 1.55;
    color: rgb(255 255 255 / .42);
    letter-spacing: .01em
}

.profit-chart__hint-ps {
    display: inline;
    margin-right: .375rem;
    font-weight: 600;
    font-size: .625rem;
    text-transform: uppercase;
    color: #2467e0
}

.profit-chart__hint-text {
    font-size: .6rem;
    line-height: normal;
    letter-spacing: normal
}

@media (hover: hover) {
    .calc-single__help-button:hover {
        background:var(--color-blue-700)
    }

    .profit-chart__tab:not(.active):hover {
        background: var(--color-accent-hover)
    }
}

@media (hover: none) {
    .calc-single__help-button:active {
        background:var(--color-accent)
    }

    .profit-chart__tab:not(.active):active {
        background: var(--color-accent-hover)
    }
}

@media (max-width: 1199px) {
    .calc-single::before {
        top:-72.8125rem;
        left: -20.25rem
    }

    .calc-single::after {
        top: -.9375rem;
        right: -23.375rem;
        width: 66.375rem;
        height: 66.375rem
    }

    .calc-single__header {
        padding: 2.5rem 0 0
    }

    .product-cards,.calc-single__tables-wrapper {
        gap: 1rem
    }

    .calc-single__table {
        --table-border-radius: 1.25rem
    }

    .product-item {
        font-size: .8125rem
    }

    .product-item__price,.product-item__price-new {
        font-size: 1.25rem
    }

    .product-item__price-old {
        margin: .375rem 0 0;
        font-size: .9375rem
    }

    .product-item__card-btn {
        --btn-height: 2.25rem;
        gap: .375rem;
        margin: .75rem 0 0;
        padding: 0 .875rem;
        font-size: .75rem
    }

    .calc-single__title {
        font-size: 1.875rem
    }

    .calc-single__badges {
        margin: 1rem 0 0
    }

    .calc-single__badge {
        --badge--height: 1.75rem;
        font-size: .8125rem
    }

    .calc-single__manufacturer {
        padding: .5rem 0 0
    }

    .calc-single__manufacturer-icon {
        height: 1.75rem
    }

    .calc-single__top {
        grid-template-columns: 1fr
    }

    .calc-product__title,.calc-single__subtitle {
        font-size: 1.625rem
    }

    .calc-single__subtitle {
        margin: 0 0 1.875rem
    }

    .calc-product__spec-label,.calc-product__spec-value {
        font-size: .9375rem
    }

    .calc-product__info {
        padding: 0;
        margin: 1.875rem 0 0
    }

    .calc-product__description {
        margin: 1.5rem 0 0
    }

    .calc-single__help {
        padding: 0 1.25rem;
        font-size: .9375rem
    }

    .calc-single__help-button {
        padding: .5rem 1.875rem
    }

    .calc-single__tables-grid {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .calc-single__tables--secondary .calc-single__tables-grid {
        gap: 2.5rem
    }

    .calc-single__tables {
        margin: 2.5rem 0 0
    }

    .calc-single__table {
        table-layout: fixed
    }

    .calc-single__table th,.calc-single__table td {
        padding: .625rem 1.25rem;
        font-size: .9375rem
    }

    .calc-single__table tfoot td {
        height: 2.6875rem
    }

    .profit-distribution__percentage {
        font-size: .9375rem
    }
}

@media (max-width: 991px) {
    .product-cards {
        grid-template-columns:1fr
    }

    .calc-product__img-wrapper {
        --calc-img-size: 18.75rem
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .calc-product {
        display:flex;
        align-items: center;
        gap: 1.25rem
    }
}

@media (max-width: 767px) {
    .calc-single::before {
        opacity:.5
    }

    .calc-single::after {
        top: 11.0625rem;
        right: -21.375rem;
        width: 40rem;
        height: 40rem;
        opacity: .2
    }

    .product-item {
        padding: 1.25rem var(--container-padding)
    }

    .product-info__specs {
        gap: .625rem
    }

    .product-info__spec-value,.product-info__spec-name {
        font-size: .875rem
    }

    .calc-single__header {
        flex-direction: column-reverse;
        padding: 1.25rem 0 0
    }

    .calc-single__manufacturer-icon {
        height: 1.25rem
    }

    .calc-product__img-wrapper {
        margin: 0 auto
    }

    .calc-product__spec-label,.calc-product__spec-value {
        font-size: .875rem
    }

    .calc-product__title,.calc-single__subtitle {
        font-size: 1.375rem
    }

    .calc-single__tables--secondary .calc-single__tables-grid {
        gap: 2rem
    }

    .calc-single__tables {
        margin: 2rem 0 0
    } 

    .calc-single__subtitle {
        margin: 1rem .5rem 1.5rem;
    }

    .calc-product__info {
        margin: 1.25rem 0 0
    }

    .calc-product__description {
        margin: .875rem 0 0
    }

    .calc-single__help {
        flex-direction: column;
        gap: .75rem;
        padding: 0;
        font-size: .875rem;
        text-align: center
    }

    .calc-single__help-button {
        padding: .5rem 1.25rem;
        font-size: .8125rem
    }

    .calc-single__help-image {
        --img-size: 1.75rem
    }

    .calc-single__help-image-wrapper::before {
        --indicator-size: 0.4375rem
    }

    .calc-single__profit-distribution {
        grid-template-columns: 1fr;
        gap: 1rem
    }

    .profit-distribution {
        height: 18.75rem
    }

    .profit-distribution__section--electricity {
        flex: 0 0 50%
    }

    .calc-single__badge {
        padding: .4375rem .75rem;
        font-size: .8125rem;
        line-height: 1.2
    }

    .calc-single__table th,.calc-single__table td {
        padding: .5rem .3125rem;
        font-size: .875rem
    }

    .calc-single__table th:first-child,.calc-single__table td:first-child {
        padding-left: var(--container-padding)
    }

    .calc-single__table th:last-child,.calc-single__table td:last-child {
        padding-right: var(--container-padding)
    }

    .calc-single__table tfoot td {
        height: 2.375rem
    }

    .calc-single__table-coin-icon {
        --icon-size: 1.25rem
    }

    .calc-single__table[data-adaptive="767"] {
        border-spacing: 0;
        margin: 0
    }

    .calc-single__table[data-adaptive="767"],.calc-single__table[data-adaptive="767"] tr {
        display: block
    }

    .calc-single__table[data-adaptive="767"] thead,.calc-single__table[data-adaptive="767"] tfoot {
        display: block
    }

    .calc-single__table[data-adaptive="767"] thead tr,.calc-single__table[data-adaptive="767"] tfoot tr {
        display: block;
        height: 2.375rem
    }

    .calc-single__table[data-adaptive="767"] thead tr {
        margin: 0 0 var(--table-row-offset);
        border-radius: var(--table-border-radius) var(--table-border-radius) 0 0
    }

    .calc-single__table[data-adaptive="767"] tfoot tr {
        margin: var(--table-row-offset) 0 0;
        border-radius: 0 0 var(--table-border-radius) var(--table-border-radius)
    }

    .calc-single__table[data-adaptive="767"] thead th,.calc-single__table[data-adaptive="767"] tfoot td {
        font-size: 0;
        color: #fff0
    }

    .calc-single__table[data-adaptive="767"] tbody {
        display: grid;
        background: rgb(25 30 32 / .5)
    }

    .calc-single__table[data-adaptive="767"] tbody tr {
        background: #fff0;
        border-bottom: var(--table-row-offset) solid var(--color-background)
    }

    .calc-single__table[data-adaptive="767"] tbody tr:last-child {
        border-bottom: none
    }

    .calc-single__table[data-adaptive="767"] tbody td {
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: .0625rem solid var(--color-background);
        font-weight: 600
    }

    .calc-single__table[data-adaptive="767"] tbody td[data-label] {
        justify-content: space-between;
        font-weight: 400
    }

    .calc-single__table[data-adaptive="767"] tbody td:last-child {
        border-bottom: none
    }

    .calc-single__table[data-adaptive="767"] tbody td {
        padding: .3125rem var(--container-padding)
    }

    .calc-single__table[data-adaptive="767"] tbody td::before {
        content: attr(data-label);
        color: #667085;
        font-weight: 600
    }

    .profit-chart {
        padding: 0 0 1.25rem .5625rem
    }

    .profit-chart__hint {
        margin-left: .5rem;
        margin-right: .5rem;
        font-size: .6875rem
    }

    .profit-chart__tabs {
        top: .9375rem;
        gap: .625rem
    }

    .profit-chart__tab {
        --btn-height: 1.5rem;
        padding: .1875rem .75rem;
        font-size: .8125rem
    }
}

@media (max-width: 414px) {
    .product-item {
        flex-direction:column;
        align-items: start
    }

    .product-item__price,.product-item__price-new,.product-item__price-old {
        text-align: start
    }

    .product-item__col,.product-item__card-btn {
        width: 100%
    }
}

.faq {
    position: relative;
    z-index: 1;
    margin: 4.8125rem 0 0
}

.faq__title {
    margin: 0 0 4.625rem;
    font-family: var(--font-family-secondary);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -.02em;
    color: var(--color-text-primary)
}

.faq__body {
    display: grid;
    gap: 1.25rem
}

.faq__item {
    padding: 3.6875rem 2.6875rem 2.4375rem;
    background: var(--color-card-background);
    border-radius: 1.25rem;
    cursor: pointer
}

.faq__item-header {
    position: relative;
    display: flex;
    gap: 1.25rem;
    padding-right: 2.5rem
}

.faq__item-header::after {
    --icons-size: 1.5rem;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: var(--icons-size);
    height: var(--icons-size);
    z-index: 1;
    background: url(../img/faq-close.svg) center/contain no-repeat;
    transform: rotate(-135deg);
    transition: transform ease 0.5s
}

.faq__item.active .faq__item-header::after {
    transform: rotate(0)
}

.faq__item-icon {
    --icon-size: 2.5625rem;
    position: relative;
    top: -.4375rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.faq__item-title {
    font-family: var(--font-family-secondary);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: -.03em;
    color: var(--color-text-primary)
}

.faq__item-body {
    padding: 1.9375rem 0 .5625rem 3.875rem;
    font-family: var(--font-family-quinary);
    font-weight: 600;
    font-size: 1.0625rem;
    line-height: 150%;
    letter-spacing: -.02em;
    color: #6e6e6e
}

.faq__item-body p {
    margin: 0
}

.faq__item-body p+p {
    margin-top: .625rem
}

@media (max-width: 1199px) {
    .faq__title {
        font-size:1.625rem;
        margin: 0 0 1.875rem
    }

    .faq__body {
        gap: 1rem
    }

    .faq__item {
        padding: 2.5rem 1.5625rem 1.875rem
    }

    .faq__item-header {
        gap: 1rem
    }

    .faq__item-icon {
        --icon-size: 2.25rem;
        top: -.3125rem
    }

    .faq__item-body {
        padding: .4375rem 0 .375rem 3.25rem;
        font-size: .9375rem
    }

    .faq__item-title {
        font-size: 1.375rem
    }

    .faq__item-body br {
        display: none
    }
}

@media (max-width: 767px) {
    .faq {
        margin:3.125rem 0 0
    }

    .faq__title {
        font-size: 1.375rem;
        margin: 0 0 1.5rem
    }

    .faq__item {
        padding: 1.25rem var(--container-padding) .9375rem
    }

    .faq__item-header {
        gap: .625rem;
        padding-right: 1.75rem
    }

    .faq__item-icon {
        --icon-size: 1.25rem;
        top: .0625rem
    }

    .faq__item-body {
        padding: .4375rem 0 .375rem 1.875rem;
        font-size: .9375rem
    }

    .faq__item-title {
        font-size: 1.0625rem;
        line-height: 1.4
    }

    .faq__item-header::after {
        --icons-size: 1.25rem;
        top: .0625rem
    }
}

.promo-banner {
    position: relative;
    z-index: 1;
    margin: 4.1875rem 0 0
}

.promo-banner__content {
    position: relative;
    z-index: 1;
    padding: 3.125rem 3.75rem 3.75rem;
    background: var(--color-card-background);
    font-family: var(--font-family-quinary);
    font-weight: 600;
    font-size: .75rem;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--color-text-primary);
    border-radius: 1.25rem;
    overflow: hidden
}

.promo-banner__text-content {
    position: relative;
    z-index: 3
}

.promo-banner__title {
    margin: 0;
    font-family: var(--font-family-secondary);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: -.03em
}

.promo-banner__subtitle {
    margin: .5625rem 0 0;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 140%;
    letter-spacing: -.03em;
    color: rgb(255 255 255 / .5)
}

.promo-banner__testimonial {
    margin: 2.75rem 0 0;
    color: #a4a4a4
}

.promo-banner__testimonial-text {
    max-width: 33.75rem
}

.promo-banner__features {
    display: grid;
    gap: 1rem;
    margin: 2.75rem 0 0
}

.promo-banner__feature {
    display: flex;
    align-items: center;
    gap: 1rem;
    list-style: none
}

.promo-banner__feature-icon {
    --icon-size: 1.5rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size)
}

.promo-banner__btn {
    --btn-height: 4.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--btn-height);
    padding: .5rem 1.5rem;
    margin: 2.75rem 0 0;
    border-radius: .5rem;
    font-family: var(--font-family-tertiary);
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: normal;
    background: var(--white-100);
    color: var(--color-text-dark);
    transition: background var(--transition-base),color var(--transition-base)
}

.promo-banner__image-wrapper::before {
    --gradient-size: 85.4375rem;
    content: "";
    position: absolute;
    top: calc(var(--gradient-size) / -1.4);
    left: calc(var(--gradient-size) / -1.7);
    z-index: 1;
    width: var(--gradient-size);
    height: var(--gradient-size);
    background: radial-gradient(50% 50% at 50% 50%,rgb(38 98 246 / .5),#fff0 100%);
    pointer-events: none
}

.promo-banner__image {
    position: absolute;
    top: -18.25rem;
    right: -7.9375rem;
    width: 89.25rem;
    height: 96.5625rem;
    object-fit: contain;
    pointer-events: none
}

@media (hover: hover) {
    .promo-banner__btn:hover {
        background:var(--color-accent);
        color: var(--color-text-primary)
    }
}

.promo-banner__btn:active {
    background: var(--color-accent-hover);
    color: var(--color-text-primary)
}

@media (max-width: 1199px) {
    .promo-banner__content {
        padding:1.375rem 1.5625rem 1.5625rem
    }

    .promo-banner__title {
        font-size: 1.625rem
    }

    .promo-banner__subtitle {
        font-size: .9375rem
    }

    .promo-banner__testimonial,.promo-banner__features,.promo-banner__btn {
        margin: 2rem 0 0
    }

    .promo-banner__feature-icon {
        --icon-size: 1.25rem
    }

    .promo-banner__btn {
        --btn-height: 3.375rem
    }

    .promo-banner__image {
        top: -10.125rem;
        right: auto;
        left: 21.875rem;
        width: 51.75rem;
        height: 56rem
    }

    .promo-banner__image-wrapper::before {
        --gradient-size: 54.1875rem
    }
}

@media (max-width: 991px) {
    .promo-banner__image {
        left:20.625rem
    }
}

@media (max-width: 767px) {
    .promo-banner {
        margin:3.125rem 0 0
    }

    .promo-banner__title {
        font-size: 1.375rem
    }

    .promo-banner__content {
        padding: 1rem var(--container-padding) 1.125rem
    }

    .promo-banner__btn {
        --btn-height: 2.75rem;
        padding: .5rem 1rem;
        font-size: .8125rem
    }

    .promo-banner__image {
        top: 4.875rem;
        left: 15.625rem;
        width: 29.25rem;
        height: 31.625rem
    }

    .promo-banner__feature-icon {
        --icon-size: 1.125rem
    }

    .promo-banner__testimonial,.promo-banner__features,.promo-banner__btn {
        margin: 1.5rem 0 0
    }
}

@media (max-width: 575px) {
    .promo-banner__image {
        top:auto;
        bottom: -10rem;
        left: 6.875rem;
        opacity: .9
    }
}

.calc-single__coins-rub {
    opacity: .8;
    margin-left: 6px;
    font-size: 12px
}

.calc-info__wrapper {
    display: grid;
    gap: 1rem
}

.calc-info__coin {
    display: grid;
    align-content: space-between;
    gap: 1rem
}

.calc-coin-overview {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem
}

.calc-coin-overview__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: .75rem;
    font-family: var(--font-family-quaternary)
}

.calc-coin-overview__card,.calc-coin-overview__custom {
    background: var(--color-card-background);
    border: 1px solid rgb(255 255 255 / .08);
    border-radius: 1rem;
    padding: .85rem .9rem
}

.calc-coin-overview__period {
    font-weight: 700;
    margin-bottom: .5rem
}

.calc-coin-overview__line {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .2rem 0;
    font-size: 1rem
}

.calc-coin-overview__line strong {
    font-weight: 700;
    text-align: right
}

.calc-coin-overview__line--income strong {
    color: #d8f9bc
}

.calc-coin-overview__line--costs strong {
    color: #ffbda9
}

.calc-coin-overview__line--profit {
    margin-top: .2rem;
    padding-top: .45rem;
    border-top: 1px dashed rgb(255 255 255 / .2)
}

.calc-coin-overview__line--profit strong {
    color: #d8f9bc
}

.calc-coin-overview__custom {
    display: grid;
    gap: .15rem
}

.calc-coin-overview__custom-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .35rem
}

.calc-coin-overview__custom-label {
    font-weight: 700
}

.calc-coin-overview__custom-control {
    display: inline-flex;
    align-items: center;
    gap: .4rem
}

.calc-coin-overview__custom-unit {
    opacity: .8;
    font-size: .82rem
}

.calc-coin-overview__period-mark {
    display: inline-flex;
    align-items: center;
    margin-left: .35rem;
    padding: .08rem .42rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: rgb(255 255 255 / .88);
    background: rgb(255 255 255 / .12);
    vertical-align: middle
}

.calc-single__profit-distribution--split {
    grid-row: span 2;
    grid-template-columns: 1fr;
    gap: .55rem;
    align-self: stretch
}

.calc-single__profit-distribution--split .profit-distribution {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 4.25rem;
    min-height: 4.25rem;
    background: rgb(255 255 255 / .06);
    border: 1px solid rgb(255 255 255 / .1);
    border-radius: 1rem;
    overflow: hidden;
    position: relative
}

.calc-single__profit-distribution--split .profit-distribution__section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    min-height: auto;
    padding: .75rem .7rem;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    transition: flex-basis .55s cubic-bezier(.2,.8,.2,1);
    white-space: nowrap;
    overflow: hidden;
    min-width: 4rem
}

.calc-single__profit-distribution--split .profit-distribution__section-inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    pointer-events: none
}

.calc-single__profit-distribution--split .profit-distribution__waves {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit
}

.calc-single__profit-distribution--split .profit-distribution__wave {
    position: absolute;
    will-change: transform;
    border-radius: 50%;
    opacity: .42;
    mix-blend-mode: screen
}

.calc-single__profit-distribution--split .profit-distribution__section--income .profit-distribution__wave--a {
    left: -28%;
    bottom: -58%;
    width: 120%;
    height: 130%;
    background: radial-gradient(ellipse 55% 45% at 50% 50%,rgb(255 255 255 / .35) 0%,transparent 68%);
    filter: blur(1px);
    animation: profitDistWaveA 6.5s ease-in-out infinite
}

.calc-single__profit-distribution--split .profit-distribution__section--income .profit-distribution__wave--b {
    left: -8%;
    bottom: -72%;
    width: 105%;
    height: 118%;
    background: radial-gradient(ellipse 48% 40% at 40% 45%,rgb(180 255 140 / .28) 0%,transparent 65%);
    filter: blur(2px);
    animation: profitDistWaveB 7.2s ease-in-out infinite;
    animation-delay: .6s
}

.calc-single__profit-distribution--split .profit-distribution__section--electricity .profit-distribution__wave--a {
    right: -22%;
    bottom: -55%;
    width: 115%;
    height: 125%;
    background: radial-gradient(ellipse 52% 42% at 50% 50%,rgb(255 220 200 / .32) 0%,transparent 68%);
    filter: blur(1px);
    animation: profitDistWaveA 6.8s ease-in-out infinite reverse
}

.calc-single__profit-distribution--split .profit-distribution__section--electricity .profit-distribution__wave--b {
    right: -5%;
    bottom: -68%;
    width: 100%;
    height: 115%;
    background: radial-gradient(ellipse 46% 38% at 55% 48%,rgb(255 140 100 / .25) 0%,transparent 64%);
    filter: blur(2px);
    animation: profitDistWaveB 7.5s ease-in-out infinite reverse;
    animation-delay: .5s
}

@keyframes profitDistWaveA {
    0%,100% {
        transform: translate3d(-3%,0,0) scale(1)
    }

    50% {
        transform: translate3d(5%,-2%,0) scale(1.04)
    }
}

@keyframes profitDistWaveB {
    0%,100% {
        transform: translate3d(4%,1%,0) scale(1.02)
    }

    50% {
        transform: translate3d(-5%,-3%,0) scale(1.06)
    }
}

@media (prefers-reduced-motion:reduce) {
    .calc-single__profit-distribution--split .profit-distribution__wave {
        animation: none!important
    }

    .calc-single__profit-distribution--split .profit-distribution__section {
        transition: none!important
    }
}

.profit-distribution--split {
    --profit-split-pct: 0%;
    height: 5rem;
    min-height: 5rem;
    border-radius: 1.125rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .1),0 12px 36px rgb(0 0 0 / .22)
}

.calc-single__profit-distribution--split .profit-distribution--split::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--profit-split-pct,0%);
    width: 1.1rem;
    transform: translateX(-50%);
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(180deg,transparent 0%,rgb(255 255 255 / .22) 50%,transparent 100%);
    filter: blur(1.5px);
    opacity: .85
}

@media (prefers-reduced-motion:reduce) {
    .profit-distribution--split::after {
        opacity: .75;
        filter: none
    }
}

.calc-single__profit-distribution--split .profit-distribution--split .profit-distribution__section--income {
    background: linear-gradient(155deg,#346614 0%,#489120 48%,#3a7618 100%);
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / .06)
}

.calc-single__profit-distribution--split .profit-distribution--split .profit-distribution__section--electricity {
    background: linear-gradient(155deg,#762e10 0%,#af3e14 50%,#69260e 100%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / .12)
}

.profit-distribution--split .profit-distribution__label {
    font-size: .74rem;
    letter-spacing: .02em;
    text-shadow: 0 1px 2px rgb(0 0 0 / .25)
}

.profit-distribution--split .profit-distribution__percentage {
    text-shadow: 0 1px 3px rgb(0 0 0 / .35)
}

.calc-single__profit-distribution--split .profit-distribution:not(.profit-distribution--split) .profit-distribution__section--income {
    background: linear-gradient(90deg,#447c13 90%,#a13714 100%)
}

.calc-single__profit-distribution--split .profit-distribution:not(.profit-distribution--split) .profit-distribution__section--electricity {
    background: #a13714
}

.calc-single__profit-distribution--split .profit-distribution__percentage {
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 800;
    color: #fff
}

.calc-single__profit-distribution--split .profit-distribution__label {
    font-size: .72rem;
    opacity: .95
}

#profit-distribution-cost-share {
    color: #ffd8cf
}

.calc-single__profit-distribution--split #profit-distribution-income-share {
    color: #fff
}

.calc-info__table-wrapper--source {
    display: none!important
}

@media (max-width: 991px) {
    .calc-coin-overview__grid {
        grid-template-columns:1fr
    }

    .calc-single__profit-distribution--split {
        grid-row: auto;
        grid-template-columns: 1fr;
        gap: .75rem
    }
}

.coin-table {
    --table-border-radius: 1.875rem;
    --table-row-offset: 0.25rem;
    border-collapse: separate;
    border-spacing: 0 var(--table-row-offset);
    width: 100%;
    overflow: hidden;
    margin: calc(var(--table-row-offset) * -1) 0
}

.coin-table th,.coin-table td,table.coin-table.dataTable tbody td {
    padding: .75rem 0.3125rem!important;
    font-family: var(--font-family-quaternary);
    font-weight: 400;
    font-size: 1rem;
    line-height: 156%;
    color: #d2d2d2
}

.coin-table th:first-child,.coin-table td:first-child,table.coin-table.dataTable tbody td:first-child {
    padding-left: 1.875rem!important
}

.coin-table th:last-child,.coin-table td:last-child,table.coin-table.dataTable tbody td:last-child {
    padding-right: 1.875rem!important
}

.coin-table th {
    font-weight: 700
}

.coin-table tfoot td {
    box-sizing: border-box;
    height: 3.0625rem
}

.coin-table thead tr,.coin-table tfoot tr {
    background: var(--color-card-background)
}

.coin-table thead th:first-child {
    border-radius: var(--table-border-radius) 0 0 0
}

.coin-table thead th:last-child {
    border-radius: 0 var(--table-border-radius) 0 0
}

.coin-table tfoot td:first-child {
    border-radius: 0 0 0 var(--table-border-radius)
}

.coin-table tfoot td:last-child {
    border-radius: 0 0 var(--table-border-radius) 0
}

.coin-table tbody tr,table.dataTable.coin-table tbody tr {
    background: rgb(25 30 32 / .5);
    background-attachment: fixed!important
}

.coin-table--main tbody tr:nth-child(2n+1),table.dataTable.coin-table--main tbody tr:nth-child(2n+1) {
    background: #fff0
}

.coin-table tbody tr.active {
    background: rgb(25 30 32 / .5) -o-linear-gradient(right,#72b13b 0%,#fff0 100%);
    background: rgb(25 30 32 / .5) linear-gradient(270deg,#72b13b 0%,#fff0 100%)
}

.coin-table__period {
    width: 14%
}

.coin-table__coin-income {
    width: 34%
}

.coin-table__cash-income {
    width: 20%
}

.coin-table__electricity-consumption {
    width: 13%
}

.coin-table__profit {
    width: 19%
}

.coin-table__coin-income-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .625rem
}

.coin-table__coin-income-unit {
    display: inline-flex;
    align-items: center;
    gap: .1875rem;
    font-weight: 700
}

.coin-table__coin-icon {
    display: inline-block;
    --icon-size: 1.125rem;
    flex: 0 0 auto;
    width: auto;
    height: var(--icon-size);
    object-fit: contain
}

.coin-table__period-wrapper {
    position: relative;
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: -.03em
}

.coin-table__period-input {
    max-width: 5.625rem;
    padding: .4375rem 2.8125rem .4375rem .625rem;
    border: .0625rem solid var(--color-border);
    border-radius: .625rem;
    background: var(--white-10);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--color-text-primary)
}

.coin-table__period-input:focus {
    outline: 0
}

.coin-table__period-input:focus-within {
    outline: .125rem solid var(--color-accent);
    outline-offset: -.125rem
}

.coin-table__period-label {
    position: absolute;
    top: .6875rem;
    right: .6875rem;
    z-index: 1;
    margin: 0;
    color: #515151
}

.coin-table__custom-period {
    font-weight: 700
}

.calc-form {
    display: grid;
    gap: .625rem;
    border-radius: 1.875rem
}

.calc-form__item {
    --form-field-height: 3.0625rem;
    --form-field-placeholder-height: 1.8125rem
}

.form-radio {
    --form-radio-wrapper-height: 3.0625rem;
    --form-radio-padding: 0.1875rem;
    display: flex;
    align-items: center;
    padding: var(--form-radio-padding);
    background: var(--white-10);
    border: .0625rem solid var(--color-border);
    border-radius: .625rem
}

.form-radio__item {
    flex: 1 1
}

.form-radio__input {
    position: absolute;
    opacity: 0;
    appearance: none
}

.form-radio__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--form-radio-wrapper-height) - var(--form-radio-padding) * 2);
    padding: 0 1.875rem;
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: .75rem;
    line-height: 1;
    letter-spacing: -.03em;
    text-align: center;
    border-radius: .625rem;
    cursor: pointer
}

.form-radio__input:checked+.form-radio__label {
    background: var(--color-accent)
}

.form-radio__input:focus-visible+.form-radio__label {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.calc-form__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    --padding-x: 0.625rem;
    --placeholder-width: 0rem;
    --placeholder-offset: 0rem;
    --unit-width: 0rem;
    --unit-offset: 0rem;
    width: 100%;
    height: var(--form-field-height);
    max-width: 100%;
    padding-left: calc(var(--placeholder-width) + var(--placeholder-offset) + var(--padding-x));
    padding-right: calc(var(--unit-width) + var(--unit-offset) + var(--padding-x));
    background: var(--color-card-background);
    border: 1px solid rgb(255 255 255 / .08);
    border-radius: .625rem;
    font-family: var(--font-family)
}

.calc-form__input-placeholder {
    display: flex;
    align-items: center;
    height: var(--form-field-placeholder-height);
    margin: 0;
    background: var(--color-button-hover);
    color: #fff;
    border-radius: .625rem;
    text-align: left;
    font-size: .9rem;
    letter-spacing: -.03em;
    user-select: none;
    min-width: 11rem;
    padding: 1rem
}

.calc-form__input {
    font-weight: 500;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: -.03em;
    color: var(--color-text-primary);
    padding: 1rem;
    outline: 0;
    height: 100%;
    width: 100%
}

.calc-form__input:focus-visible {
    outline: none
}

.calc-form__input-unit {
    position: absolute;
    right: .625rem;
    top: 50%;
    z-index: 1;
    margin: 0;
    transform: translateY(-50%);
    font-weight: 500;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: -.03em;
    text-align: right;
    color: #515151
}

.calc-form__input-wrapper--difficulty {
    padding-right: 8.75rem
}

.calc-form__difficulty-controls {
    position: absolute;
    right: .625rem;
    top: 50%;
    z-index: 2;
    display: flex;
    gap: .375rem;
    transform: translateY(-50%)
}

.calc-form__difficulty-btn {
    min-width: 3.375rem;
    height: 1.75rem;
    padding: 0 .5rem;
    border: 1px solid rgb(255 255 255 / .18);
    border-radius: .5rem;
    background: rgb(255 255 255 / .06);
    color: var(--color-text-primary);
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer
}

.calc-form__difficulty-btn:hover {
    background: rgb(255 255 255 / .12)
}

.calc-form__difficulty-btn:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: .0625rem
}

.calc-form__select {
    position: absolute;
    right: .625rem;
    top: 50%;
    z-index: 1;
    margin: 0;
    transform: translateY(-50%);
    padding: .25rem .5rem;
    background: var(--color-background);
    border: .0625rem solid var(--color-border);
    border-radius: .5rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: -.03em;
    color: whitesmoke;
    cursor: pointer;
    outline: 0;
    appearance: none;
    appearance: none
}

.calc-form__select:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.calc-form__select:hover {
    border-color: var(--color-accent);
    color: #fff
}

.calc-table__title {
    font-family: var(--font-family-quaternary);
    color: var(--color-text-primary);
    padding: .9375rem 0 0;
    margin: 0 0 .1875rem;
    font-size: 3rem;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: initial
}

.calc-table__period {
    min-width: 44.0625rem;
    max-width: 100%
}

.calc-table__search-input {
    outline: 0
}

.calc-table__search-input:focus-visible {
    outline: .125rem solid var(--color-accent)
}

.calc-table__coin-icon {
    --icon-size: 1.1875rem;
    flex: 0 0 var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    object-fit: contain
}

.calc-table__coin-wrapper {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-weight: 700;
    font-size: 1rem;
    color: #d2d2d2
}

.calc-table__miner-link {
    transition: color var(--transition-base)
}

.product__body .sorting:focus-visible,.calc-table__miner-link:focus-visible {
    outline: .125rem solid var(--color-accent);
    outline-offset: .125rem
}

.coin-info {
    position: relative;
    z-index: 1;
    margin: 6.25rem 0 0
}

@media (hover: hover) {
    .calc-table__miner-link:hover {
        color:var(--color-accent)
    }
}

@media (hover: none) {
    .calc-table__miner-link:active {
        color:var(--color-accent)
    }
}

@media (min-width: 1200px) {
    .calc-table__miner {
        width:23.325rem!important
    }

    .calc-table__miner {
        width: 26%!important
    }

    .calc-table__coin {
        width: 11%!important
    }

    .calc-table__hashrate {
        width: 10%!important
    }

    .calc-table__power-consumption {
        width: 11%!important
    }

    .calc-table__income {
        width: 14%!important
    }

    .calc-table__electricity-costs {
        width: 12%!important
    }

    .calc-table__profit {
        width: 16%!important;
        padding: 0!important
    }

    th.calc-table__profit {
        text-align: right!important
    }

    th.calc-table__profit .calc-table__th-wrapper {
        left: -1.0625rem
    }

    .calc-table--coin table.dataTable>thead>tr>th,.calc-table--coin table.dataTable>tbody>tr>td {
        padding-right: .375rem;
        padding-left: .375rem
    }

    .calc-table--coin table.dataTable>thead>tr>th:first-child,.calc-table--coin table.dataTable>tbody>tr>td:first-child {
        padding-left: 1.875rem
    }

    .calc-table--coin table.dataTable>thead>tr>th:last-child,.calc-table--coin table.dataTable>tbody>tr>td:last-child {
        padding-right: 1.875rem
    }

    .product__body table.dataTable>tbody>tr:nth-child(odd)>td {
        padding-top: .2125rem;
        padding-bottom: .2125rem
    }

    .product__body table.dataTable>tbody>tr>td {
        padding-top: .2125rem;
        padding-bottom: .2125rem
    }

    .seo-text__row {
        grid-template-columns: repeat(2,1fr);
        gap: 5.9em;
        margin: 5.2em 0 0
    }
}

@media (max-width: 1199px) {
    .coin-table {
        --table-border-radius:1.25rem
    }

    .coin-table th,.coin-table td,table.coin-table.dataTable tbody td {
        padding: .625rem 1.25rem!important;
        font-size: .9375rem
    }

    .coin-table th:first-child,.coin-table td:first-child,table.coin-table.dataTable tbody td:first-child {
        padding-left: 1.25rem!important
    }

    .coin-table th:last-child,.coin-table td:last-child,table.coin-table.dataTable tbody td:last-child {
        padding-right: 1.25rem!important
    }

    .coin-table tfoot td {
        height: 2.6875rem
    }

    .profit-distribution__percentage {
        font-size: .9375rem
    }

    .calc-form__item {
        --form-field-height: 2.625rem;
        --form-field-placeholder-height: 1.6875rem
    }

    .form-radio {
        --form-radio-wrapper-height: 2.625rem
    }

    .calc-form__input[name="hashrate"],.calc-form__input[name="electricity-price"],.calc-form__input[name="power-consumption"],.calc-form__input[name="commission"] {
        --placeholder-offset: 0.875rem
    }

    .calc-table__title {
        padding: 0;
        margin: 0 0 1.25rem;
        font-size: 1.875rem
    }

    .coin-info {
        margin: 5rem 0 0
    }

    .seo-text {
        font-size: 1rem
    }

    .seo-text h1 {
        font-size: 2em;
        margin: 1.5em 0 .7em 0
    }

    .seo-text h2 {
        font-size: 1.5em;
        margin: 1.5em 0 1.25em 0
    }

    .seo-text h3 {
        font-size: 1.2em;
        margin: 1em 0 1em 0
    }
}

@media (max-width: 991px) {
    .coin-table th,.coin-table td,table.coin-table.dataTable tbody td {
        padding:.625rem 1.25rem!important;
        font-size: .9375rem
    }

    .coin-table tfoot td {
        height: 2.6875rem
    }

    .profit-distribution__percentage {
        font-size: .9375rem
    }

    .coin-table[data-adaptive="991"] {
        border-spacing: 0;
        margin: 0
    }

    .coin-table[data-adaptive="991"],.coin-table[data-adaptive="991"] tr {
        display: block
    }

    .coin-table[data-adaptive="991"] thead,.coin-table[data-adaptive="991"] tfoot {
        display: block
    }

    .coin-table[data-adaptive="991"] thead tr,.coin-table[data-adaptive="991"] tfoot tr {
        display: block;
        height: 2.375rem
    }

    .coin-table[data-adaptive="991"] thead tr {
        margin: 0 0 var(--table-row-offset);
        border-radius: var(--table-border-radius) var(--table-border-radius) 0 0
    }

    .coin-table[data-adaptive="991"] tfoot tr {
        margin: var(--table-row-offset) 0 0;
        border-radius: 0 0 var(--table-border-radius) var(--table-border-radius)
    }

    .coin-table[data-adaptive="991"] thead th,.coin-table[data-adaptive="991"] tfoot td {
        font-size: 0;
        color: #fff0
    }

    .coin-table[data-adaptive="991"] tbody {
        display: grid;
        background: rgb(25 30 32 / .5)
    }

    .coin-table[data-adaptive="991"] tbody tr {
        background: #fff0;
        border-bottom: var(--table-row-offset) solid var(--color-background)
    }

    .coin-table[data-adaptive="991"] tbody tr:last-child {
        border-bottom: none
    }

    .coin-table[data-adaptive="991"] tbody td {
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: .0625rem solid var(--color-background);
        font-weight: 600
    }

    .coin-table[data-adaptive="991"] tbody td[data-label] {
        justify-content: space-between;
        font-weight: 400;
        box-sizing: border-box
    }

    .coin-table[data-adaptive="991"] tbody td:last-child {
        border-bottom: none
    }

    .coin-table[data-adaptive="991"] tbody td {
        padding: .3125rem 1rem
    }

    .coin-table[data-adaptive="991"] tbody td::before {
        content: attr(data-label);
        color: #667085;
        font-weight: 600
    }

    .coin-table__period-wrapper {
        font-size: .8125rem
    }

    .coin-table__period-input {
        max-width: 5rem;
        padding: .25rem 2.8125rem .25rem .625rem
    }

    .coin-table__period-label {
        top: .5rem
    }

    .calc-table--coin .calc-table__filters,.calc-table__period {
        width: 100%
    }

    .calc-table__period {
        grid-column: 1 / -1;
        min-width: auto
    }
}

@media (max-width: 767px) {
    .coin-table {
        --table-border-radius:0.875rem
    }

    .coin-table th,.coin-table td,table.coin-table.dataTable tbody td {
        padding: .5rem var(--container-padding)!important;
        font-size: .875rem
    }

    .coin-table th:first-child,.coin-table td:first-child,table.coin-table.dataTable tbody td:first-child {
        padding-left: var(--container-padding)!important
    }

    .coin-table th:last-child,.coin-table td:last-child,table.coin-table.dataTable tbody td:last-child {
        padding-right: var(--container-padding)!important
    }

    .coin-table tfoot td {
        height: 2.375rem
    }

    .coin-table-coin-icon {
        --icon-size: 1.25rem
    }

    .calc-form__item {
        --form-field-height: 2.5rem;
        --form-field-placeholder-height: 1.5625rem
    }

    .form-radio {
        --form-radio-wrapper-height: 2.5rem
    }

    .calc-form__input[name="hashrate"],.calc-form__input[name="electricity-price"],.calc-form__input[name="power-consumption"],.calc-form__input[name="commission"] {
        --placeholder-offset: 0.75rem
    }

    .coin-info {
        margin: 3.75rem 0 0
    }

    .seo-text__row {
        gap: 2em;
        margin: 2em 0 0
    }

    .calc-table__header {
        margin: 0 0 1rem
    }
}

.calc-form__button {
    position: relative;
    overflow: hidden;
    transition: transform 0.1s ease
}

.calc-form__button:active {
    transform: scale(.98)
}

.calc-form__button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / .3);
    transform: translate(-50%,-50%);
    transition: width 0.6s ease,height 0.6s ease
}

.calc-form__button.clicked::after {
    width: 300px;
    height: 300px;
    opacity: 0;
    transition: width 0.6s ease,height 0.6s ease,opacity 0.6s ease
}

.calc-table--coin .calc-loader.calc-loader--fullscreen,.product__body .calc-loader.calc-loader--fullscreen {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    right: auto;
    top: auto;
    background: #fff0;
    box-shadow: 0 10px 25px rgb(0 0 0 / .35);
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

.calc-table--coin .calc-loader.calc-loader--fullscreen .calc-loader__box,.product__body .calc-loader.calc-loader--fullscreen .calc-loader__box {
    padding: 12px 16px;
    border-radius: 999px;
    background: rgb(25 30 32 / .92);
    border: 1px solid rgb(255 255 255 / .08)
}

.calc-table--coin .calc-loader.calc-loader--fullscreen .calc-loader__text,.product__body .calc-loader.calc-loader--fullscreen .calc-loader__text {
    font-size: 12px;
    letter-spacing: .1px
}

@media (max-width: 768px) {
    .calc-table--coin .calc-loader.calc-loader--fullscreen,.product__body .calc-loader.calc-loader--fullscreen {
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(0 0 0 / .45);
        box-shadow: none
    }

    .calc-table--coin .calc-loader.calc-loader--fullscreen .calc-loader__box,.product__body .calc-loader.calc-loader--fullscreen .calc-loader__box {
        border-radius: 14px;
        padding: 20px 22px
    }
}

.calc-table__table tr.is-selected {
    background: rgb(114 177 59 / .12);
    transition: background 160ms ease
}

.calc-table__table tr.is-selected td {
    border-color: rgb(114 177 59 / .35)
}

.calc-compare-back {
    margin-top: 1.25rem;
    display: flex;
    justify-content: center
}

.calc-compare-back__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .25rem 0;
    color: #9ecbff;
    font-size: .95rem;
    font-weight: 600;
    text-decoration: none;
    border-bottom: .0625rem dashed rgb(158 203 255 / .45);
    transition: color .2s ease,border-color .2s ease
}

.calc-compare-back__link:hover {
    color: #fff;
    border-color: rgb(255 255 255 / .55)
}

.calc-recommended {
    margin-bottom: 1rem;
    padding: .875rem;
    border-radius: 1rem;
    border: .0625rem solid rgb(114 177 59 / .32);
    background: linear-gradient(180deg, rgb(114 177 59 / .14) 0%, rgb(19 26 24 / .92) 100%);
    box-shadow: 0 .5rem 1.4rem rgb(0 0 0 / .24)
}

.calc-recommended__title {
    margin-bottom: .75rem;
    padding-left: .75rem;
    border-left: .1875rem solid rgb(114 177 59 / .95);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.2;
    color: #d8f5bf;
    letter-spacing: .01em
}

.calc-recommended__table-wrapper {
    display: block;
    border-radius: .875rem;
    overflow: hidden
}

.coins-page {
    background: linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);
    min-height: 100vh;
    padding: 2rem 0
}

.coins-header {
    background: rgb(255 255 255 / .05);
    backdrop-filter: blur(10px);
    border-radius: 1rem;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid rgb(255 255 255 / .1)
}

.coins-header__title {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    text-align: center
}

.coins-header__description {
    color: rgb(255 255 255 / .8);
    font-size: 1.1rem;
    text-align: center;
    margin: 0;
    line-height: 1.6
}

.coins-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
    gap: 1.5rem;
    margin-top: 2rem
}

.coin-card {
    background: rgb(255 255 255 / .05);
    backdrop-filter: blur(10px);
    border-radius: 1rem;
    padding: 1.5rem;
    border: 1px solid rgb(255 255 255 / .1);
    transition: all 0.3s ease;
    text-decoration: none;
    display: block
}

.coin-card:hover {
    transform: translateY(-.25rem);
    box-shadow: 0 1rem 2rem rgb(0 0 0 / .3);
    border-color: rgb(255 255 255 / .2)
}

.coin-card__header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

.coin-card__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
    object-fit: cover
}

.coin-card__info {
    flex: 1
}

.coin-card__symbol {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .25rem 0
}

.coin-card__name {
    color: rgb(255 255 255 / .7);
    font-size: .9rem;
    margin: 0
}

.coin-card__algorithm {
    background: rgb(255 255 255 / .1);
    color: rgb(255 255 255 / .9);
    padding: .5rem 1rem;
    border-radius: 2rem;
    font-size: .85rem;
    display: inline-block;
    margin-bottom: 1rem
}

.coin-card__stats {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: .75rem;
    margin-bottom: 1rem
}

.coin-card__stat {
    text-align: left
}

.coin-card__stat-label {
    color: rgb(255 255 255 / .6);
    font-size: .8rem;
    margin-bottom: .25rem
}

.coin-card__stat-value {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    word-break: break-all;
    overflow-wrap: anywhere
}

.coin-card__profit-usd {
    color: #4ade80
}

.coin-card__profit-btc {
    color: #fbbf24
}

.coin-card__updated {
    color: rgb(255 255 255 / .5);
    font-size: .8rem;
    text-align: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgb(255 255 255 / .1)
}

@media (max-width: 768px) {
    .coins-grid {
        grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
        gap: 1rem
    }

    .coins-header__title {
        font-size: 2rem
    }

    .coin-card {
        padding: 1.25rem
    }
}