@font-face {
    font-family: "superstar";
    src: local("superstar"),url(/static/media/superstar.cbeb7473.ttf) format("truetype")
}

@font-face {
    font-family: "TOMMY";
    src: local("TOMMY"),url(/static/media/tommy.3183c626.otf) format("opentype")
}

@font-face {
    font-family: "TOMMY-L";
    src: local("TOMMY-L"),url(/static/media/tommy-l.baa9639f.otf) format("opentype")
}

@font-face {
    font-family: "TOMMY-R";
    src: local("TOMMY-R"),url(/static/media/tommy-r.101be848.otf) format("opentype")
}

@font-face {
    font-family: "TOMMY-O";
    src: local("TOMMY-O"),url(/static/media/tommy-o.94e2ffd8.otf) format("opentype")
}

.amount-input {
    color: #fcfcfc;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    background-color: inherit;
    border-width: 0;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

.animated-underline {
    background-image: linear-gradient(transparent,transparent),linear-gradient(90deg,#e646e6,#930993)
}

.animated-underline,.animated-underline-burn {
    cursor: pointer;
    color: #fcfcfc;
    background-size: 100% 2px,0 2px;
    background-position: 100% 100%,0 100%;
    background-repeat: no-repeat
}

.animated-underline-burn {
    background-image: linear-gradient(transparent,transparent),linear-gradient(90deg,#e67f47,#dd6727)
}

@media (prefers-reduced-motion:no-preference) {
    .animated-underline,.animated-underline-burn {
        transition: .3s ease;
        transition-property: background-size,color,background-color,border-color
    }
}

.animated-underline-burn:focus-visible,.animated-underline-burn:hover,.animated-underline:focus-visible,.animated-underline:hover {
    background-size: 0 2px,100% 2px
}

.nav-menu-item {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: none;
    padding-top: 4px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fcfcfc
}

.nav-menu-item:hover {
    color: #e646e6
}

.no-cursor {
    cursor: default
}

.animated-button {
    font-family: "TOMMY-R";
    text-align: center;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
    border: 0;
    color: #fcfcfc;
    padding: 8px 12px;
    text-transform: uppercase
}

.animated-hover-1 {
    position: absolute;
    transition: left .2s;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: -42%;
    opacity: .2;
    z-index: 10;
    height: 120%
}

.animated-hover-2 {
    width: 5px
}

.animated-hover-2,.animated-hover-3 {
    position: absolute;
    transition: left .2s;
    left: -42%;
    top: -5px;
    z-index: 10;
    height: 120%;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
    background-color: rgba(230,70,230,.34901960784313724)
}

.animated-hover-3 {
    width: 8px
}

.button-hover:hover .animated-hover-1 {
    left: 82%
}

.button-hover:hover .animated-hover-2 {
    left: 60%
}

.button-hover:hover .animated-hover-3 {
    left: 68%
}

.secondary-button {
    font-family: "TOMMY-R";
    cursor: pointer;
    border: 0;
    font-weight: 900;
    font-size: 14px!important;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fcfcfc;
    height: 50px;
    background: #930993;
    width: 100%;
    border-radius: 5px
}

.secondary-button:hover {
    background: #6f076f
}

.primary-button {
    font-family: "TOMMY-R";
    cursor: pointer;
    border: 0;
    font-weight: 900;
    font-size: 14px;
    text-align: center;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fcfcfc;
    height: 50px;
    width: 100%;
    background: #e646e6;
    border-radius: 5px
}

.primary-button:hover {
    background: #c03bc0
}

.primary-button:disabled {
    background: #cfd5f3;
    cursor: not-allowed
}

.secondary-button:disabled {
    background: #d7d7d7;
    cursor: not-allowed
}

.uppercase {
    text-transform: uppercase
}

.tabItem,.tabs {
    font-weight: 700;
    font-size: 18px
}

.tabItem {
    cursor: pointer;
    color: #9aa4da
}

.tabItemActive {
    text-decoration: underline;
    text-underline-offset: 10px;
    color: #fcfcfc
}

.tabDetailsItem {
    cursor: pointer;
    color: #d8d8d8;
    font-weight: 700;
    font-size: 16px
}

.tabDetailsItemActive {
    font-weight: 700;
    color: #e646e6;
    border-radius: 5px;
    border-bottom: 2px solid #e646e6
}

.accordion {
    border-bottom: 3px solid transparent;
    border-radius: 10px!important;
    margin-top: 20px!important
}

.accordion:hover {
    transition: border-bottom .35s;
    border-bottom: 3px solid #e646e6
}

.lineLogo {
    vertical-align: middle;
    margin-right: 20px
}

.lineLabel {
    color: #d8d8d8;
    font-size: 14px
}

.lineDescription {
    color: #d8d8d8;
    font-size: 12px
}

.lineValue {
    color: #fcfcfc;
    font-size: 16px
}

.printing {
    font-weight: 700;
    color: #13af13
}

.not-printing {
    color: #ae1414
}

.dropdown {
    cursor: pointer
}

.lineName {
    font-size: 18px
}

.dashboard-token-box {
    background-color: rgba(0,0,0,.5)!important;
    border-radius: 4px
}

.dashboard-token-box-inner {
    padding: 10px;
    text-align: center
}

.node-lineDetailsBox {
    min-height: 320px
}

.lineDetailsBox,.node-lineDetailsBox {
    background-color: hsla(0,0%,91.4%,.12941176470588237);
    border-radius: 10px
}

.node-inputDetailsBox {
    margin-top: 25px
}

.inputDetailsBox {
    margin-top: 50px
}

.inputDetailsBoxInner {
    padding: 16px;
    background-color: rgba(43,45,60,.4);
    border-radius: 10px
}

.lineValueDeposited {
    color: #e646e6;
    font-size: 16px
}

.rewardTokenAmount {
    font-size: 21px;
    color: #fcfcfc
}

.rewardTokenAmount,.rewardTokenValue {
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.rewardTokenValue {
    font-size: 16px;
    color: #e646e6
}

.sharesLeftValue {
    font-size: 12px;
    text-align: center
}

.addRemoveLiquidity {
    text-decoration: underline;
    text-underline-offset: 10px;
    font-size: 16px;
    text-align: center;
    letter-spacing: .05em
}

.addRemoveLiquidity,.max-button {
    cursor: pointer;
    font-weight: 700
}

.pending-rewards,.rewards-per-day {
    font-weight: 700;
    color: #fcfcfc;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .05em
}

.pending-rewards {
    text-transform: uppercase
}

.color-secondary {
    color: #d8d8d8
}

.line-details-inner {
    padding: 35px 35px 0;
    min-height: 300px
}

.box-price-of-one {
    font-size: 14px;
    text-align: right
}

.node-line-details-inner {
    padding: 35px 35px 0;
    min-height: 235px
}

.press-line-details-inner {
    padding: 35px 35px 0;
    min-height: 300px
}

@media screen and (max-width: 600px) {
    .line-details-inner,.node-line-details-inner,.press-line-details-inner {
        padding:17px 17px 0
    }
}

.balance {
    padding-left: 3px;
    font-size: 14px
}

.slider-value {
    color: #fcfcfc;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px
}

.slider-box {
    padding-left: 5px;
    padding-right: 5px
}

.time-left {
    color: #aa0faa
}

.withdraw-time-left {
    color: #930993
}

.MuiSelect-icon {
    color: #fff!important
}

.MuiSelect-select {
    color: #fcfcfc!important
}

.MuiMenu-list {
    background-color: rgba(0,0,0,.9)!important
}

.statBox {
    min-height: 60px;
    background-color: hsla(0,0%,91.4%,.12941176470588237);
    border-radius: 10px
}

.statBoxInner {
    padding: 15px;
    text-align: center;
    font-size: 14px
}

.MuiTypography-h4 {
    font-size: 2.425rem!important
}

.MuiTypography-h5 {
    font-size: 1.35rem!important
}

.MuiTypography-h6 {
    font-size: 1.05rem!important
}

.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4 {
    font-family: "superstar"!important
}

.MuiAlert-root,.MuiTypography-body1,.MuiTypography-h5,.MuiTypography-h6 {
    font-family: "TOMMY-R"!important
}

body,h1,h2,h3,h4,html {
    margin: 0;
    font-family: "TOMMY-R",sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,html {
    overflow-y: auto;
    scroll-behavior: smooth;
    height: 100%
}

h2 {
    color: #ccf;
    font-size: 2.5em
}

body {
    font-size: 1em;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: 50%!important;
    background-attachment: fixed!important;
    background-size: cover!important
}

.new-ribbon {
    width: 60px;
    margin-top: -6px;
    margin-left: -6px
}

.hot-ribbon {
    width: 60px;
    height: 70px
}

h1,h2,h3,h4,h5,h6 {
    font-family: "TOMMY","monospace";
    text-transform: uppercase;
    color: #fff
}

.MuiToolbar-regular {
    color: #000
}

.nav-logo {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.nav-logo:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.MuiListItemButton-root:hover,.MuiListItemButton-root:not(:hover) {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.MuiListItemButton-root:hover {
    -webkit-transform: scale(1.045);
    transform: scale(1.045)
}

.MuiButton-containedPrimary,.MuiButton-containedPrimary:hover,.MuiButtonBase-root:hover,.MuiListItem-button:hover {
    color: #fff!important
}

.MuiButton-containedPrimary {
    background: #930993!important
}

.tvl {
    font-size: 2.5rem
}

.background-blur {
    position: fixed;
    z-index: -999;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    max-width: 100%
}

.wallet-token-value {
    color: #e646e6;
    font-size: 14px
}

.wallet-token-balance {
    font-size: 1.4rem
}

@media screen and (max-width: 1300px) {
    .wallet-token-balance {
        font-size:1.2rem
    }
}

@media screen and (max-width: 1150px) {
    .wallet-token-balance {
        font-size:1.2rem
    }
}

@media screen and (max-width: 660px) {
    .tvl {
        font-size:4rem
    }
}

@media screen and (max-width: 482px) {
    .tvl {
        font-size:3.5rem
    }

    .wallet-token-balance {
        font-size: .8rem
    }

    .MuiTypography-h4 {
        font-size: 1.925rem!important
    }

    .MuiTypography-h5 {
        font-size: 1.15rem!important
    }
}

@media screen and (max-width: 430px) {
    .tvl {
        font-size:3rem
    }

    .wallet-token-balance {
        font-size: .8rem
    }
}

@media screen and (max-width: 376px) {
    .tvl {
        font-size:2.5rem
    }
}

@media screen and (max-width: 359px) {
    .tvl {
        font-size:1rem
    }
}

.MuiButton-containedPrimary:hover {
    background: #d19aff!important
}

code {
    font-family: "TOMMY",monospace
}

.menu-item {
    border-bottom: 0!important;
    color: #fff!important;
    fill: #fff!important;
    margin-left: 0!important;
    text-decoration: none!important;
    transition: padding-left .2s
}

.menu-item:hover {
    font-weight: 700!important
}

.price-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0,0,0,.25);
    border-radius: 10px;
    border: 1px solid hsla(0,0%,61.2%,.18)
}

.price-item {
    padding: 7px
}

.price-item img {
    vertical-align: middle
}

.token-price {
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0
}

.dashboard-top-pool-category,.token-price:hover {
    color: #e646e6
}

.dashboard-top-pool-value {
    color: #fcfcfc;
    font-weight: 700
}

.dashboard-top-reward-label {
    color: #f9b857;
    font-size: 14px
}

.dashboard-top-reward-value {
    color: #fcfcfc;
    font-size: 14px
}

.p2 {
    padding: 10px 15px
}

.button-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.button-last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.dashboard-tab-item {
    cursor: pointer;
    color: #e646e6;
    background-color: rgba(0,0,0,.37);
    font-weight: 500;
    font-size: 16px
}

.dashboard-tab-item-active {
    cursor: pointer;
    background-color: #930993;
    color: #fcfcfc
}

.text-decoration-none {
    text-decoration: none
}

.wallet-button {
    color: #fff;
    font-family: "monospace",sans-serif!important;
    font-size: 1.2rem!important;
    text-align: left!important;
    justify-content: flex-start!important;
    text-transform: none!important
}

.wallet-button:hover {
    color: #930993!important
}

.navLink {
    color: #fff!important
}

.navLink:hover {
    color: #ccf!important
}

.shinyButton {
    background-color: #930993!important
}

.shinyButton,.shinyButton-secondary {
    height: 40px;
    font-family: "TOMMY-R"!important;
    padding: 7px!important;
    font-size: 14px!important;
    color: #fff!important;
    border-radius: 5px!important
}

.shinyButton-secondary {
    background-color: #626262!important
}

.shinyButton:hover {
    background: #820882
}

.button-63:active,.button-63:hover {
    outline: 0
}

@media (min-width: 768px) {
    .button-63 {
        font-size:24px;
        min-width: 196px
    }
}

.full-width {
    width: 100%!important
}

.welcome-text {
    font-size: 3.8rem;
    font-family: "Tommy";
    color: #fff!important;
    overflow: visible!important
}

.front-text-tvl {
    font-family: "TOMMY";
    font-size: 5.5rem;
    text-shadow: 0 0 1vw #6e256c,0 0 3vw #6e256c,0 0 20vw #6e256c,0 0 10vw #6e256c,0 0 .4vw #e647e6,0 0 0 #5b2959;
    color: #e647e6;
    overflow: visible
}

.front-text-top {
    font-size: 2.5rem
}

.burnt-grape,.front-text-top {
    font-family: "TOMMY-R";
    color: #fff
}

.burnt-grape {
    font-size: 1rem
}

.burnt-grape-value {
    text-shadow: 0 0 1vw #9f562e,0 0 3vw #dd6727,0 0 20vw #7d3711,0 0 10vw #732d07,0 0 .4vw #463024,0 0 0 #853910;
    color: #e67f47;
    overflow: visible
}

@media screen and (max-width: 1488px) {
    .front-text-tvl {
        font-size:5rem
    }

    .front-text-top {
        font-size: 1.5rem
    }

    .welcome-text {
        font-size: 3rem
    }
}

@media screen and (max-width: 1080px) {
    .front-text-tvl {
        font-size:4.2rem
    }

    .welcome-text {
        font-size: 2.7rem
    }

    .burning-grape {
        width: 45px;
        height: 45px
    }
}

@media screen and (max-width: 900px) {
    .front-text-tvl {
        font-size:3rem
    }

    .welcome-text {
        font-size: 2.5rem
    }

    .burning-grape {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 720px) {
    .front-text-tvl {
        font-size:2.2rem
    }

    .welcome-text {
        font-size: 2rem
    }
}

@media screen and (max-width: 550px) {
    .front-text-tvl {
        font-size:3.8rem
    }

    .welcome-text {
        font-size: 2.2rem
    }
}

@media screen and (max-width: 430px) {
    .front-text-tvl {
        font-size:3.3rem
    }
}

@media screen and (max-width: 399px) {
    .front-text-tvl {
        font-size:3.2rem
    }
}

@media screen and (max-width: 359px) {
    .front-text-tvl {
        font-size:2.8rem
    }

    .front-text-top {
        font-size: 1.1rem
    }
}

@-webkit-keyframes golden-background {
    0% {
        background-image: linear-gradient(to right bottom,gold,#f5ca0a,#eabc12,#dfb016,#d4a31a)
    }

    25% {
        background-image: linear-gradient(to right bottom,#d4a31a,gold,#f5ca0a,#eabc12,#dfb016)
    }

    50% {
        background-image: linear-gradient(to right bottom,#dfb016,#d4a31a,gold,#f5ca0a,#eabc12)
    }

    75% {
        background-image: linear-gradient(to right bottom,#eabc12,#dfb016,#d4a31a,gold,#f5ca0a)
    }

    to {
        background-image: linear-gradient(to right bottom,#f5ca0a,#eabc12,#dfb016,#d4a31a,gold)
    }
}

@keyframes golden-background {
    0% {
        background-image: linear-gradient(to right bottom,gold,#f5ca0a,#eabc12,#dfb016,#d4a31a)
    }

    25% {
        background-image: linear-gradient(to right bottom,#d4a31a,gold,#f5ca0a,#eabc12,#dfb016)
    }

    50% {
        background-image: linear-gradient(to right bottom,#dfb016,#d4a31a,gold,#f5ca0a,#eabc12)
    }

    75% {
        background-image: linear-gradient(to right bottom,#eabc12,#dfb016,#d4a31a,gold,#f5ca0a)
    }

    to {
        background-image: linear-gradient(to right bottom,#f5ca0a,#eabc12,#dfb016,#d4a31a,gold)
    }
}

@-webkit-keyframes winepress-background {
    0% {
        background-image: linear-gradient(to right top,#ab17ab,#b91ab9,#c51dc5,#cd1ecd,#db21db)
    }

    25% {
        background-image: linear-gradient(to right top,#db21db,#ab17ab,#b91ab9,#cd1ecd,#cd1ecd)
    }

    50% {
        background-image: linear-gradient(to right top,#cd1ecd,#db21db,#ab17ab,#b91ab9,#db21db)
    }

    75% {
        background-image: linear-gradient(to right top,#b91ab9,#cd1ecd,#db21db,#ab17ab,#db21db)
    }

    to {
        background-image: linear-gradient(to right top,#ab17ab,#b91ab9,#cd1ecd,#db21db,#ab17ab)
    }
}

@keyframes winepress-background {
    0% {
        background-image: linear-gradient(to right top,#ab17ab,#b91ab9,#c51dc5,#cd1ecd,#db21db)
    }

    25% {
        background-image: linear-gradient(to right top,#db21db,#ab17ab,#b91ab9,#cd1ecd,#cd1ecd)
    }

    50% {
        background-image: linear-gradient(to right top,#cd1ecd,#db21db,#ab17ab,#b91ab9,#db21db)
    }

    75% {
        background-image: linear-gradient(to right top,#b91ab9,#cd1ecd,#db21db,#ab17ab,#db21db)
    }

    to {
        background-image: linear-gradient(to right top,#ab17ab,#b91ab9,#cd1ecd,#db21db,#ab17ab)
    }
}

.golden {
    color: #fff!important;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: linear-gradient(to right bottom,gold,#f5ca0a,#eabc12,#dfb016,#d4a31a)
}

.mintvintners {
    color: #fff!important;
    background-image: linear-gradient(to right top,#16e89f,#1ac534,#00ffa3)
}

.winemaker {
    color: #fff!important;
    background-image: linear-gradient(to left bottom,#018e39,#1ac55e)
}

.winepress {
    color: #fff!important;
    background-image: linear-gradient(to right top,#810e81,#d01fd0)
}

.get-started {
    -webkit-animation: winepress-background 1s linear infinite;
    animation: winepress-background 1s linear infinite
}

.pegcampaign {
    color: #fff!important;
    background-image: linear-gradient(to left top,#1ec38f,#1d8e6a)
}

.shinyButtonDisabled {
    color: #555!important;
    padding: 7px!important;
    background-color: #641d64!important;
    font-size: 1rem!important;
    box-shadow: 0 0 1px 0 #000
}

.action-button {
    font-size: .5rem!important;
    color: #fff!important;
    font-family: "TOMMY-R"!important;
    padding: 2px 7px!important;
    background-color: #c61fc6!important;
    box-shadow: 0 0 1px 0 #000;
    border: 0!important
}

.apr-calc {
    background-color: hsla(0,0%,60.8%,.5)!important
}

.info-card-price {
    font-size: 16px;
    font-weight: 700
}

.card-info-value,.info-card-price {
    color: #fff!important
}

.grey-text {
    color: #929292!important
}

.info-card-ratio {
    font-weight: 700
}

.card-info-text {
    color: #ddd
}

.account {
    display: flex;
    align-items: center
}

.account>div,.account>img {
    margin-right: 8px
}

.shinyButtonDisabledSecondary {
    border-radius: 15px;
    color: grey!important;
    box-shadow: 0 0 5px 0 grey
}

.navTokenPrice {
    padding-top: 5px;
    padding-right: 15px;
    color: #fff
}

.navTokenIcon {
    height: 30px!important;
    width: 30px!important;
    padding-right: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    overflow: hidden
}

.MuiPaper-root {
    color: #ebebeb!important;
    background-color: rgba(0,0,0,.5)!important
}

.MuiPaper-root,body,html {
    -ms-overflow-style: none!important;
    scrollbar-width: none!important;
    overflow-y: scroll!important
}

.MuiPaper-root::-webkit-scrollbar,body::-webkit-scrollbar {
    display: none!important
}

html::-webkit-scrollbar {
    display: none!important
}

.MuiAppBar-positionSticky {
    position: relative!important
}

.ijwpow {
    background-color: hsla(0,0%,100%,.1)!important
}

.walletconnecttitle {
    color: #fff
}

.walletconnecttitle:hover {
    color: #930993
}

.dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,.9);
    border-radius: 20px;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content a:hover {
    border-radius: 10px;
    color: #ccf
}

.dropdown:hover .dropdown-content {
    display: block
}

/*# sourceMappingURL=main.0dc9c6e9.chunk.css.map */