.SideNav-Wrapper{position:absolute;top:0;left:0;height:100%;display:none}@media(min-width:1236px){.SideNav-Wrapper{display:flex}}.SideNav-Wrapper .SideNav-Right{width:30px;height:100%;background:#090909;display:flex;justify-content:center;align-items:flex-start;padding-top:70px;transition:transform .1s ease-in-out;z-index:3;cursor:pointer}.SideNav-Wrapper .SideNav-Right:hover{opacity:.8}.SideNav-Wrapper .SideNav-Left{width:332px;height:100%;background:#090909;padding-top:70px;display:flex;flex-direction:column;gap:20px;transform:translateX(-332px);transition:transform .2s ease-in-out;position:relative;z-index:2}.SideNav-Wrapper .SideNav-Left .SideNav-CloseBtn{position:absolute;top:75px;right:30px;cursor:pointer}.SideNav-Wrapper .SideNav-Left .SideNav-CloseBtn:hover{opacity:.8}.SideNav-Wrapper .SideNav-Left .SideNav-HeadingSection{width:100%;display:flex;justify-content:flex-start;align-items:center;padding-top:40px;padding-left:25px;padding-right:25px}.SideNav-Wrapper .SideNav-Left .SideNav-HeadingSection .SideNav-Heading{font-family:GilmerMedium;font-size:14px;font-weight:600;line-height:16px;letter-spacing:.4px;text-align:left;background:linear-gradient(90deg,#557d1a -8.28%,#8bce2b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (min-width:1536px){.SideNav-Wrapper .SideNav-Left .SideNav-HeadingSection .SideNav-Heading{font-size:16px}}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper{width:100%;display:flex;flex-direction:column;gap:10px}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 auto}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer .SideNav-Stats{width:auto;height:62px;background:#000;border:.5px solid hsla(0,0%,59%,.2);border-radius:5px;padding:10px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer .SideNav-Stats .Stats-Name{font-family:GilmerRegular;font-size:10px;font-weight:400;line-height:10px;letter-spacing:.400000006px;text-align:left;color:hsla(0,0%,100%,.502)}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer .SideNav-Stats .Stats-value{font-family:GilmerMedium;font-size:21px;font-weight:700;line-height:24px;letter-spacing:.4px;text-align:left;width:100%}@media only screen and (min-width:1536px){.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer .SideNav-Stats .Stats-value{font-size:24px}}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-StatsContainer .SideNav-Stats .Stats-lighterValue{font-family:GilmerMedium;font-size:24px;font-weight:700;line-height:24px;letter-spacing:.4px;width:100%;color:#787878}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-Link{font-family:GilmerRegular;font-size:10px;font-weight:400;line-height:10px;letter-spacing:.400000006px;text-align:left;padding-left:30px;padding-right:30px;color:gray;cursor:pointer;transition:all .1s ease-in;display:flex;justify-content:flex-start;align-items:center;text-decoration:underline;padding-top:5px;text-underline-offset:.3em}.SideNav-Wrapper .SideNav-Left .SideNav-StatsWrapper .SideNav-Link:hover{opacity:.8}.SideNav-Wrapper .SideNav-Left .SideNav-CampaignsWrapper{width:100%;padding-top:10px;padding-left:25px;padding-right:25px;display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:scroll}.SideNav-Wrapper .SideNav-Left .SideNav-CampaignsWrapper .SideNav-Heading{font-family:GilmerMedium;font-size:14px;font-weight:600;line-height:16px;letter-spacing:.4px;text-align:left;background:linear-gradient(90deg,#557d1a -8.28%,#8bce2b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:2px}@media only screen and (min-width:1536px){.SideNav-Wrapper .SideNav-Left .SideNav-CampaignsWrapper .SideNav-Heading{font-size:16px}}.SideNav-Wrapper .SideNav-Left .SideNav-CampaignsWrapper .SideNav-CampaignsContainer{width:100%;display:flex;flex-direction:column;gap:10px;max-width:400px;overflow-y:auto;height:auto}.SideNav-Wrapper .SideNav-Left .SideNav-SocialsFooter{width:100%;margin-bottom:20px;display:flex;justify-content:center;gap:10px;font-family:GilmerMedium;font-size:14px;font-weight:400;line-height:21px;letter-spacing:.400000006px;text-align:left;color:#fff}.SideNav-Wrapper .SideNav-Left .SideNav-SocialsFooter .SideNav-SocialsContainer{display:flex;justify-content:center;gap:5px}.SideNav-Wrapper .SideNav-Left .SideNav-SocialsFooter .SideNav-SocialsContainer .SideNav-SocialIcons{width:23.24px;height:21.87px;padding:4.1px 5.47px;border-radius:4.1px;background-color:#181818;display:flex;justify-content:center;align-items:center;cursor:pointer}.SideNav-Wrapper .SideNav-Left .SideNav-SocialsFooter .SideNav-SocialsContainer .SideNav-SocialIcons:hover{opacity:.8}.SideNav-CampaignEnhanced{width:100%;height:auto;background-image:linear-gradient(90deg,rgba(0,0,0,.8) 0 100%),url(/_next/static/media/campaign-image.2bf6c50f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:alpha(opacity=10);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:10px}.SideNav-CampaignEnhanced .SideNav-CampaginLink{font-family:GilmerMedium;font-size:10px;font-weight:400;line-height:14px;letter-spacing:1px;text-align:left;color:#a3a3a3;cursor:pointer;text-decoration:underline;text-underline-offset:.3em}.SideNav-CampaignEnhanced .SideNav-CampaginLink:hover{opacity:.8}.SideNav-CampaignEnhanced .SideNav-CampaignHeading{font-family:GilmerRegular;font-size:14px;font-weight:600;line-height:16px;letter-spacing:1.2631578445px;text-align:left}.SideNav-CampaignEnhanced .SideNav-CampaginDesc{font-family:GilmerMedium;font-size:10px;font-weight:400;line-height:14px;letter-spacing:1px;text-align:left;width:80%;color:#8d8d8d}.SideNav-Campaign{width:100%;height:auto;background:#0f0f0f;border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:10px}.SideNav-Campaign .SideNav-CampaignHeading{font-family:GilmerMedium;font-size:14px;font-weight:600;line-height:16px;letter-spacing:1.2631578445px;text-align:left}.SideNav-Campaign .SideNav-CampaginDesc{font-family:GilmerMedium;font-size:10px;font-weight:400;line-height:14px;letter-spacing:1px;width:80%;text-align:left;color:#787878}.SideNav-CampaignNew{width:100%;height:auto;background:#0f0f0f;border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(139,206,43,.035)}.SideNav-CampaignNew .SideNav-CampaignHeading{font-family:GilmerMedium;font-size:14px;font-weight:600;line-height:20px;letter-spacing:1.2631578445px;text-align:left;display:flex;justify-content:space-between;align-items:center}.SideNav-CampaignNew .SideNav-CampaignHeading .NewLabel{width:34px;height:18px;padding:5px 8px;border-radius:4px;gap:10px;font-family:GilmerMedium;font-size:8px;font-weight:600;line-height:8px;letter-spacing:1.2px;text-align:center;color:#8bce2b;background-color:rgba(139,206,43,.102)}.SideNav-CampaignNew .SideNav-CampaginDesc{width:80%}.SideNav-CampaignNew .SideNav-CampaginDesc,.SideNav-CampaignNew .SideNav-CampaginLink{font-family:GilmerMedium;font-size:10px;font-weight:400;line-height:14px;letter-spacing:1px;text-align:left;color:#787878}.SideNav-CampaignNew .SideNav-CampaginLink{cursor:pointer;text-decoration:underline;text-underline-offset:.3em}.SideNav-CampaignNew .SideNav-CampaginLink:hover{opacity:.8}.ShimmerBox{height:100%;background:linear-gradient(100deg,#000 3.01%,hsla(0,0%,100%,.1) 104.48%);transform:translateX(-100%);height:5px;border-radius:20px;width:60px;display:inline-flex;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:shimmer 2.5s linear infinite}@keyframes shimmer{to{transform:translateX(100%)}}.ShimmerContainer{height:10px;width:40px;margin-inline:10px;background-color:transparent;overflow:hidden;display:inline-flex}.Swap-Wrapper{display:flex;flex-direction:column;gap:10px;position:relative;align-items:center;overflow-y:auto}@media screen and (max-width:600px){.Swap-Wrapper{height:calc(100% - 86px)}}@media screen and (max-width:400px){.Swap-Wrapper{height:auto}}@media screen and (max-height:640px){.Swap-Wrapper{height:calc(100% - 86px);margin-top:2vh}}.Swap-Wrapper .Swap-HeadingContainer{width:450px;display:flex;justify-content:space-between;gap:5px;font-family:GilmerRegular}@media screen and (max-width:600px){.Swap-Wrapper .Swap-HeadingContainer{width:90%}}.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper{display:flex;flex-direction:column;gap:5px}.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-Heading{font-size:22px;color:#fff}@media screen and (max-width:600px){.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-Heading{font-size:16px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-Heading{font-size:14px;letter-spacing:.4px}}.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-SubHeading{font-size:14px;color:#999}@media screen and (max-width:600px){.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-SubHeading{font-size:14px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap-HeadingContainer .Swap-HeadingWrapper .Swap-SubHeading{font-size:11px;letter-spacing:.4px}}.Swap-Wrapper .Swap-HeadingContainer .Swap-SlippageButton{width:51px;height:51px;background-color:#0f0f0f;border-bottom:5px solid #191919;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (max-height:600px),screen and (max-width:600px){.Swap-Wrapper .Swap-HeadingContainer .Swap-SlippageButton{width:40px;height:40px}}.Swap-Wrapper .Swap-NavigationWrapper{width:450px;height:30px;border:1px solid #121212;border-radius:40px;display:flex}@media screen and (max-width:600px){.Swap-Wrapper .Swap-NavigationWrapper{width:90%}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap-NavigationWrapper{height:28px}}.Swap-Wrapper .Swap-NavigationWrapper .Swap-NavigationActiveLink{display:flex;justify-content:center;align-items:center;width:50%;height:100%;background-color:#121212;color:#f3ba2f;font-size:12px;letter-spacing:.4px;border-radius:40px;font-family:GilmerLight}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap-NavigationWrapper .Swap-NavigationActiveLink{font-size:10px}}.Swap-Wrapper .Swap-NavigationWrapper .Swap-NavigationLink{display:flex;justify-content:center;align-items:center;width:50%;height:100%;font-size:12px;letter-spacing:.4px;color:#f3ba2f;cursor:pointer;font-family:GilmerLight}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap-NavigationWrapper .Swap-NavigationLink{font-size:10px}}.Swap-Wrapper .Swap-NavigationWrapper .Swap-NavigationLink:hover{opacity:.8}.Swap-Wrapper .Swap{width:450px;padding:15px 20px 20px;background-color:#0f0f0f;border-radius:10px;border-bottom:10px solid #191919;font-family:GilmerRegular;display:flex;flex-direction:column;align-items:center;gap:10px}@media screen and (max-width:600px){.Swap-Wrapper .Swap{padding:16px;width:90%}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap{border-bottom:8px solid #191919}}.Swap-Wrapper .Swap .ReferralCTA{width:100%;padding:10px 15px;border-radius:73px;background-color:#181818;display:flex;justify-content:center;align-items:center;gap:10px;font-family:GilmerRegular;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.400000006px;text-align:left;color:#f3ba2f;cursor:pointer;margin-bottom:5px}.Swap-Wrapper .Swap .ReferralCTA:hover{opacity:.8}.Swap-Wrapper .Swap .Token-Wrapper{width:100%;display:flex;flex-direction:column;gap:10px;position:relative}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper{gap:5px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container{width:100%;height:138px;padding:20px;background-color:#000;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container{gap:10px;height:110px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header{display:flex;align-items:center;gap:10px}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Token-Heading{font-size:12px;letter-spacing:.4px;color:#979797}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Token-Heading{font-size:10px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Token-Heading{font-size:8px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown{padding:5px 10px;background-color:#121212;display:flex;justify-content:center;align-items:center;border-radius:40px;gap:7px;cursor:pointer}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown{padding:3px 8px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown .Chain-Image{width:18px;height:18px;border-radius:50%}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown .Chain-Image{width:15px;height:15px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown .Chain-Image{width:12px;height:12px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown .Chain-Name{font-size:12px;letter-spacing:.4px;color:#f2f2f2}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-Header .Chain-DropdownContainer .Chain-Dropdown .Chain-Name{font-size:10px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper{width:100%;display:flex;justify-content:space-between;align-items:center}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer{display:flex;flex-direction:column;gap:5px;width:35%}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer{margin-top:2px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Input{width:100%;background-color:#000;font-size:30px;color:#f2f2f2;padding:0;line-height:0}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Input{font-size:22px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Input{font-size:20px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Input:focus{outline:none}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Dollar{font-size:14px;letter-spacing:.4px;color:#787878}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-InputContainer .Token-Dollar{font-size:10px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer{display:flex;flex-direction:column;align-items:flex-end;gap:10px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer{gap:6px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown{width:118px;height:35px;padding:8px 22px;display:flex;background-color:#0f0f0f;justify-content:center;align-items:center;gap:10px;border-radius:40px;cursor:pointer}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown{gap:8px;height:31px;width:114px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown{height:27px;width:110px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown .Dropdown-Text{font-size:16px;font-family:GilmerBold;color:#fff;letter-spacing:.4px}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown .Dropdown-Text{font-size:12px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Dropdown .Dropdown-Text{font-size:10px}}.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Balance{font-size:12px;color:#787878;margin-right:5px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Token-Container .Token-DetailsWrapper .Token-DropdownContainer .Token-Balance{font-size:10px}}.Swap-Wrapper .Swap .Token-Wrapper .Swap-Icon{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}@media screen and (max-width:600px){.Swap-Wrapper .Swap .Token-Wrapper .Swap-Icon{width:24px;height:24px}}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Token-Wrapper .Swap-Icon{width:20px;height:20px}}.Swap-Wrapper .Swap .Token-Wrapper .Swap-Icon:hover{opacity:.8}.Swap-Wrapper .Swap .Swap-LabelsContainer{display:flex;width:100%;flex-direction:column;padding-top:10px;gap:10px}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels{display:flex;gap:10px;align-items:center}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels{gap:8px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Icon{width:15px;height:15px;margin-bottom:2px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Icon{width:12px;height:12px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Text{font-size:12px;color:#787878;letter-spacing:.4px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Text{font-size:10px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Amount{font-size:12px;color:#f2f2f2;letter-spacing:.4px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels .Label-Amount{font-size:10px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown{display:flex;flex-direction:column;width:100%;padding:10px;background-color:#000;border-radius:5px;border:1px solid #2e2e2e;cursor:pointer;transition:all .3s ease-in-out}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown{gap:8px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .Fee-Breakdown{width:100%;padding:5px 10px;display:flex;flex-direction:column;gap:10px;transition:all .1s ease-in-out}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .Fee-Breakdown .FeeText{font-size:12px;color:#787878;letter-spacing:.4px;margin-top:2px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .Fee-Breakdown .FeeText{font-size:10px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper{display:flex;align-items:center;justify-content:space-between;gap:10px}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .DropdownIcon{transition:all .1s ease-in-out}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper:hover{opacity:.8}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer{display:flex;align-items:center;gap:10px}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Icon{width:15px;height:15px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Icon{width:12px;height:12px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Text{font-size:12px;color:#787878;letter-spacing:.4px;margin-top:2px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Text{font-size:10px}}.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Amount{font-size:12px;color:#f2f2f2;letter-spacing:.4px;margin-top:2px}@media (max-height:600px),screen and (max-width:400px){.Swap-Wrapper .Swap .Swap-LabelsContainer .Swap-Labels-Dropdown .LabelWrapper .LabelContainer .Label-Amount{font-size:10px}}.Swap-Wrapper .Connect-Btn{width:450px;min-height:60px;background-color:#8bce2b;color:#000;font-family:GilmerMedium;display:flex;justify-content:center;align-items:center;border-bottom:10px solid #184d2f;border-radius:4px;cursor:pointer}@media screen and (max-width:600px){.Swap-Wrapper .Connect-Btn{width:90%;font-size:13px}}@media screen and (max-width:400px){.Swap-Wrapper .Connect-Btn{width:90%;font-size:11px;border-bottom:8px solid #184d2f}}.Swap-Wrapper .Connect-Btn:hover{opacity:.8}.Swap-Wrapper .SelectToken-Btn{width:450px;min-height:60px;background-color:#787878;color:#000;font-family:GilmerMedium;display:flex;justify-content:center;align-items:center;border-bottom:10px solid #191919;border-radius:4px}@media screen and (max-width:600px){.Swap-Wrapper .SelectToken-Btn{width:90%;font-size:13px}}@media screen and (max-width:400px){.Swap-Wrapper .SelectToken-Btn{width:90%;font-size:11px;border-bottom:8px solid #191919}}.Swap-Wrapper .SwitchNetwork-Btn{width:450px;min-height:60px;background-color:#fff;color:#000;font-family:GilmerMedium;display:flex;justify-content:center;align-items:center;border-bottom:10px solid #787878;border-radius:4px;cursor:pointer;font-size:15px;letter-spacing:.4px}@media screen and (max-width:600px){.Swap-Wrapper .SwitchNetwork-Btn{width:90%;font-size:13px}}@media screen and (max-width:400px){.Swap-Wrapper .SwitchNetwork-Btn{width:90%;font-size:11px;border-bottom:8px solid #787878}}.Swap-Wrapper .SwitchNetwork-Btn:hover{opacity:.8}.Swap-Wrapper .Safe-Pill{background-color:#393939;color:#f0f0f0;letter-spacing:.4px;border:1px solid #181818;border-radius:6px;text-align:center;font-family:GilmerRegular;width:450px;padding:10px 10px 10px 20px;font-size:12px}@media screen and (max-width:600px){.Swap-Wrapper .Safe-Pill{width:90%;font-size:10px}}input[type=number]::-webkit-inner-spin-button{display:none}input[type=number]{-moz-appearance:textfield}.Tokens-Modal{width:450px;height:600px;background-color:#0f0f0f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);outline:none;border-bottom:10px solid #121212;border-radius:8px;padding-top:20px;padding-bottom:20px;font-family:GilmerRegular;display:flex;flex-direction:column;align-items:center;gap:10px}.Tokens-Modal .Token-Header{width:100%;padding-left:20px;padding-right:20px;color:#fff;font-size:16px}.Tokens-Modal .Horizontal-Line{width:90%;color:#121212;background-color:#121212;border-color:#121212;height:3px}.Tokens-Modal .TokenSearchContainer{width:90%;display:flex;flex-direction:column;gap:10px}.Tokens-Modal .TokenSearchContainer .TokenInputContainer{width:100%;padding:10px 15px;display:flex;align-items:center;gap:10px;border:1px solid #2a2a2a;background-color:#1b1b1b;border-radius:8px}.Tokens-Modal .TokenSearchContainer .TokenInputContainer .SearchIcon{width:18px;height:18px}.Tokens-Modal .TokenSearchContainer .TokenInputContainer .TokenInput{background-color:transparent;color:#595959;font-size:12px;outline:none;margin-top:1px}.Tokens-Modal .TokenSearchContainer .TokenInputContainer .TokenInput::-moz-placeholder{color:#595959}.Tokens-Modal .TokenSearchContainer .TokenInputContainer .TokenInput::placeholder{color:#595959}.Tokens-Modal .TokenSearchContainer .PreSelectedTokenContainer{width:100%;display:flex;gap:10px;flex-wrap:wrap}.Tokens-Modal .TokenItem-Container{width:100%;display:flex;flex-direction:column;flex:1;overflow:auto}.TokenItem .TokenItem-Info .TokenItem-Image{overflow:hidden}.PreSelectedTokenItem{display:flex;gap:5px;border-radius:40px;padding:6px 7px;justify-content:center;align-items:center;border:1px solid #353535;background-color:#0f0f0f;cursor:pointer;transition:all .3s ease-in-out}.PreSelectedTokenItem:hover{background-color:#353535}.PreSelectedTokenItem .TokenIcon{width:24px;height:24px;border-radius:50%}.PreSelectedTokenItem .TokenName{font-size:13px;font-weight:600;color:#f1f1f1;margin-top:3px}.Slippage-Wrapper{width:450px;height:auto;background-color:#0f0f0f;display:flex;flex-direction:column;gap:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom:10px solid #191919;border-radius:10px;padding:23px;font-family:GilmerRegular}@media screen and (max-width:600px){.Slippage-Wrapper{width:90%}}.Slippage-Wrapper .Slippage-Container{width:100%;background-color:#191919;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.Slippage-Wrapper .Slippage-Container .Slippage-HeadingContainer{width:100%;display:flex;justify-content:space-between;letter-spacing:.4px;align-items:center;font-size:16px}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-Container .Slippage-HeadingContainer{font-size:14px}}.Slippage-Wrapper .Slippage-SubHeading{width:100%;text-align:left;font-size:14px;color:#787878;letter-spacing:.4px}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-SubHeading{font-size:12px}}.Slippage-Wrapper .Slippage-HorizontalLine{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.Slippage-Wrapper .Slippage-InputContainer{width:100%;display:flex;flex-direction:column;gap:10px}.Slippage-Wrapper .Slippage-InputContainer .Slippage-InputHeadingContainer{width:100%;display:flex;justify-content:space-between;align-items:center}.Slippage-Wrapper .Slippage-InputContainer .Slippage-InputHeadingContainer .Slippage-InputHeading{font-size:16px;color:#f2f2f2}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-InputContainer .Slippage-InputHeadingContainer .Slippage-InputHeading{font-size:14px}}.Slippage-Wrapper .Slippage-InputContainer .Slippage-InputHeadingContainer .Slippage-Value{font-size:14px;letter-spacing:.4px;color:#fff}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-InputContainer .Slippage-InputHeadingContainer .Slippage-Value{font-size:12px}}.Slippage-Wrapper .Slippage-InputWrapper{width:100%;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:2px;border-radius:8px}.Slippage-Wrapper .Slippage-InputWrapper .Slippage-Label{width:51px;height:38px;border-radius:8px;display:flex;letter-spacing:.4px;justify-content:center;align-items:center;font-size:13px;cursor:pointer}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-InputWrapper .Slippage-Label{font-size:11px}}.Slippage-Wrapper .Slippage-InputWrapper .Slippage-Label:hover{border:1px solid #464646}.Slippage-Wrapper .Slippage-InputWrapper .Slippage-InputFieldContainer{width:188px;height:36px;background-color:#0f0f0f;border-radius:8px;display:flex;justify-content:space-evenly;align-items:center}.Slippage-Wrapper .Slippage-InputWrapper .Slippage-InputFieldContainer .Slippage-Input{width:80%;background-color:#0f0f0f;font-size:16px;color:#fff;padding:0;line-height:0}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-InputWrapper .Slippage-InputFieldContainer .Slippage-Input{font-size:14px}}.Slippage-Wrapper .Slippage-InputWrapper .Slippage-InputFieldContainer .Slippage-Input:focus{outline:none}.Slippage-Wrapper .Slippage-CloseBtn{display:flex;justify-content:center;align-items:center;width:100%;font-family:GilmerMedium;height:55px;background-color:#fff;color:#000;border-bottom:10px solid #787878;border-radius:5px;font-size:15px;letter-spacing:.4px;cursor:pointer}@media screen and (max-width:600px){.Slippage-Wrapper .Slippage-CloseBtn{font-size:14px}}.Slippage-Wrapper .Slippage-CloseBtn:hover{opacity:.8}.SlippageSwitch{background-color:#646464}.SlippageCircle,.SlippageSwitch-Active{background-color:#0f0f0f}.TransactionStatus-Wrapper{width:500px;background-color:#0f0f0f;border-radius:10px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom:10px solid #191919;font-family:GilmerRegular;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}@media screen and (max-height:600px){.TransactionStatus-Wrapper{width:400px}}.TransactionStatus-Wrapper .TransactionStatus-HeadingContainer{width:100%;color:#fff;font-size:16px}.TransactionStatus-Wrapper .TransactionStatus-HorizontalLine{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer{width:60%;display:flex;align-items:center;margin-top:20px;margin-bottom:80px}@media screen and (max-height:600px){.TransactionStatus-Wrapper .TransactionStatus-TokensContainer{margin-bottom:20px}}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TokenDetails{width:40px;height:40px;position:relative}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TokenDetails .TransactionStatus-Chain{width:16px;height:16px;position:absolute;top:24px;left:24px;border-radius:50%;border:1px solid #fff}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails{width:calc(100% - 80px);display:flex;flex-direction:column;align-items:center;gap:5px}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails .TransactionStatus-TokenAmount{font-size:12px;display:flex;gap:5px;align-items:center}.TransactionStatus-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails .TransactionStatus-ChainDuration{color:#8bce2b;font-size:14px}.TransactionStatus-Wrapper .TransactionStatus-Text{width:60%;font-size:14px;color:gray;text-align:center;margin-bottom:150px}@media screen and (max-height:600px){.TransactionStatus-Wrapper .TransactionStatus-Text{margin-bottom:20px;font-size:12px}}.TransactionStatus-Wrapper .TransactionStatus-Text .Colored-Text{color:#8bce2b}.TransactionStatus-Wrapper .TransactionStatus-Btn{width:100%;height:47px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;font-family:GilmerMedium;font-size:14px;border-radius:5px;cursor:pointer}.TransactionStatus-Wrapper .TransactionStatus-Btn:hover{opacity:.8}.Connect-Btn{width:450px;height:60px;background-color:#8bce2b;color:#000;font-family:GilmerMedium;display:flex;justify-content:center;align-items:center;border-bottom:10px solid #184d2f;border-radius:4px;cursor:pointer;transition:all .1s ease-in-out}.Connect-Btn:hover{opacity:.8;border-bottom:none}.SelectToken-Btn{background-color:#787878;border-bottom:10px solid #191919}.SelectToken-Btn,.SwitchNetwork-Btn{width:450px;height:60px;color:#000;font-family:GilmerMedium;display:flex;justify-content:center;align-items:center;border-radius:4px}.SwitchNetwork-Btn{background-color:#fff;border-bottom:10px solid #787878;cursor:pointer;transition:all .1s ease-in-out}.SwitchNetwork-Btn:hover{opacity:.8;border-bottom:none}.Swap-HeadingContainer{width:450px;display:flex;justify-content:space-between;gap:5px;font-family:GilmerRegular}.Swap-HeadingContainer .Swap-HeadingWrapper{display:flex;flex-direction:column;gap:5px}.Swap-HeadingContainer .Swap-HeadingWrapper .Swap-Heading{font-size:22px;color:#fff}.Swap-HeadingContainer .Swap-HeadingWrapper .Swap-SubHeading{font-size:14px;color:#999}.Swap-HeadingContainer .Swap-SlippageButton{width:51px;height:51px;background-color:#0f0f0f;border-bottom:5px solid #191919;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer}.Chain-DropdownContainer .Chain-Dropdown{padding:5px 10px;background-color:#121212;display:flex;justify-content:center;align-items:center;border-radius:40px;gap:7px;cursor:pointer}.Chain-DropdownContainer .Chain-Dropdown .Chain-Image{width:18px;height:18px;border-radius:50%}.Chain-DropdownContainer .Chain-Dropdown .Chain-Name{font-size:12px;color:#f2f2f2}.Chain-Item{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:7px;font-family:GilmerRegular;padding:5px 10px}.Chain-Item .Chain-Image{width:18px;height:18px;border-radius:50%}.Chain-Item .Chain-Name{margin-top:5px;font-size:12px;color:#f2f2f2}.MuiButtonBase-root,.MuiList-root{padding:0!important}.MuiList-root{color:#fff;background-color:#171717}.MuiPaper-root{background-color:transparent!important}.Token-DropdownContainer{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.Token-DropdownContainer .Token-Dropdown{width:118px;height:35px;padding:15px;display:flex;background-color:#0f0f0f;justify-content:center;align-items:center;gap:10px;border-radius:40px;cursor:pointer}.Token-DropdownContainer .Token-Dropdown:hover{opacity:.8}.Token-DropdownContainer .Token-Dropdown .Dropdown-Text{font-size:16px;color:#fff}.Token-DropdownContainer .Selected-TokenDropdown{background-color:#121212;padding:8px 10px;border-radius:40px;display:flex;align-items:center;gap:10px;cursor:pointer}.Token-DropdownContainer .Selected-TokenDropdown:hover{opacity:.8}.Token-DropdownContainer .Selected-TokenDropdown .Selected-TokenDetails{display:flex;align-items:center;gap:5px}.Token-DropdownContainer .Selected-TokenDropdown .Selected-TokenDetails .Selected-TokenImage{width:24px;height:24px;border-radius:50%;overflow:hidden}.Token-DropdownContainer .Selected-TokenDropdown .Selected-TokenDetails .Selected-TokenText{color:#fff;font-size:20px;font-family:GilmerMedium}.Token-DropdownContainer .Token-Balance{font-size:12px;color:hsla(0,0%,47%,.031);margin-right:5px;display:flex;align-items:center;gap:5px}.Token-DropdownContainer .Token-Balance .Max-BalanceBtn{font-family:GilmerMedium;font-size:12px;font-weight:600;line-height:14px;letter-spacing:.400000006px;text-align:right;color:#8bce2b;cursor:pointer}.Token-DropdownContainer .Token-Balance .Max-BalanceBtn:hover{opacity:.8}.Tokens-Drawer{width:100%;background-color:#0f0f0f;position:absolute;bottom:0;outline:none;border-radius:8px;padding-top:20px;padding-bottom:20px;font-family:GilmerRegular;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:12px 12px 0 0;max-height:70vh;overflow-y:auto}.Tokens-Drawer .Token-Header{width:100%;padding-left:20px;padding-right:20px;color:#fff;font-size:16px;display:flex;justify-content:space-between;align-items:center}.Tokens-Drawer .Horizontal-Line{width:90%;color:#121212;background-color:#121212;border-color:#121212;height:3px}.Tokens-Drawer .TokenItem-Container{width:100%;display:flex;flex-direction:column;flex:1;overflow:auto}.TokenItem{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;cursor:pointer}.TokenItem:hover{background-color:#191919}.TokenItem .TokenItem-Info{display:flex;gap:10px}.TokenItem .TokenItem-Info .TokenItem-Image{width:40px;height:40px;border-radius:50%}.TokenItem .TokenItem-Info .TokenItem-Desc{display:flex;flex-direction:column;gap:5px}.TokenItem .TokenItem-Info .TokenItem-Desc .TokenItem-Symbol{font-size:15px;color:#fff}.TokenItem .TokenItem-Info .TokenItem-Desc .TokenItem-Name{font-size:12px;color:#fff;opacity:.5}.TokenItem .TokenItem-BalanceContainer{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}.TokenItem .TokenItem-BalanceContainer .TokenItem-Balance{font-size:15px;color:#fff}.TokenItem .TokenItem-BalanceContainer .TokenItem-Dollar{font-size:12px;color:#fff;opacity:.5}.TransactionStatusDrawer-Wrapper{width:100%;background-color:#0f0f0f;border-radius:12px 12px 0 0;padding:20px;position:absolute;bottom:0;font-family:GilmerRegular;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.TransactionStatusDrawer-Wrapper .TransactionStatus-HeadingContainer{width:100%;color:#fff;font-size:16px}.TransactionStatusDrawer-Wrapper .TransactionStatus-HorizontalLine{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer{width:60%;display:flex;align-items:center;margin-top:20px;margin-bottom:72px}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TokenDetails{width:40px;height:40px;position:relative}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TokenDetails .TransactionStatus-Chain{width:16px;height:16px;position:absolute;top:24px;left:24px;border-radius:50%;border:1px solid #fff}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails{width:calc(100% - 80px);display:flex;flex-direction:column;align-items:center;gap:5px}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails .TransactionStatus-TokenAmount{font-size:12px;display:flex;gap:5px;align-items:center}.TransactionStatusDrawer-Wrapper .TransactionStatus-TokensContainer .TransactionStatus-TransactionDetails .TransactionStatus-ChainDuration{color:#8bce2b;font-size:14px}.TransactionStatusDrawer-Wrapper .TransactionStatus-Text{width:80%;font-size:14px;color:gray;text-align:center;margin-bottom:20px}.TransactionStatusDrawer-Wrapper .TransactionStatus-Text .Colored-Text{color:#8bce2b}.TransactionStatusDrawer-Wrapper .TransactionStatus-Btn{width:100%;height:47px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;font-family:GilmerMedium;font-size:14px;border-radius:5px;cursor:pointer}.TransactionStatusDrawer-Wrapper .TransactionStatus-Btn:hover{opacity:.8}.MuiLinearProgress-root{background-color:#202020!important}.MuiLinearProgress-bar{background-color:#8bce2b!important}.MainnetModal-Wrapper{width:450px;background-color:#0f0f0f;border-radius:10px;padding:20px;outline:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom:10px solid #191919;font-family:GilmerRegular;display:flex;flex-direction:column}.MainnetModal-Wrapper .MainnetModal-HeadingContainer{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.MainnetModal-Wrapper .MainnetModal-HeadingContainer .MainnetModal-Heading{font-size:16px;font-family:GilmerLight}.MainnetModal-Wrapper .MainnetModal-HeadingContainer .MainnetModal-Cross{cursor:pointer}.MainnetModal-Wrapper .MainnetModal-HorizontalLine{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.MainnetModal-Wrapper .MainnetModal-Contents{display:flex;flex-direction:column;align-items:center;margin-top:14px}.MainnetModal-Wrapper .MainnetModal-Contents .Contents-Heading{margin-top:12px;font-size:18px;font-family:GilmerRegular}.MainnetModal-Wrapper .MainnetModal-Contents .Contents-Description{margin-top:18px;text-align:center;font-size:14px;font-family:GilmerLight;letter-spacing:.4px;color:gray}.MainnetModal-Wrapper .MainnetModal-Button{margin-top:42px;width:100%;display:flex;justify-content:center;align-items:center;padding:16px;font-family:GilmerBold;font-size:14px;color:#000;background:linear-gradient(100deg,#d8c36d 3.01%,#ae842e 104.48%);border-radius:8px;cursor:pointer}.MainnetModal-Wrapper .MainnetModal-Button:hover{opacity:.8}.MainnetDrawer-Wrapper{width:100%;background-color:#0f0f0f;border-radius:16px 16px 0 0;padding:20px;outline:none;position:absolute;bottom:0;font-family:GilmerRegular;display:flex;flex-direction:column}.MainnetDrawer-Wrapper .MainnetDrawer-HeadingContainer{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.MainnetDrawer-Wrapper .MainnetDrawer-HeadingContainer .MainnetDrawer-Heading{font-size:16px;font-family:GilmerLight}.MainnetDrawer-Wrapper .MainnetDrawer-HeadingContainer .MainnetDrawer-Cross{cursor:pointer}.MainnetDrawer-Wrapper .MainnetDrawer-HorizontalLine{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.MainnetDrawer-Wrapper .MainnetDrawer-Contents{display:flex;flex-direction:column;align-items:center;margin-top:10px}.MainnetDrawer-Wrapper .MainnetDrawer-Contents .Contents-Heading{margin-top:7px;font-size:18px;font-family:GilmerRegular}.MainnetDrawer-Wrapper .MainnetDrawer-Contents .Contents-Description{margin-top:18px;text-align:center;font-size:14px;font-family:GilmerLight;letter-spacing:.4px;color:gray}.MainnetDrawer-Wrapper .MainnetDrawer-Button{margin-top:32px;width:100%;display:flex;justify-content:center;align-items:center;padding:16px;font-family:GilmerBold;font-size:12px;color:#000;background:linear-gradient(100deg,#d8c36d 3.01%,#ae842e 104.48%);border-radius:8px;cursor:pointer}.ReferralModal{width:100%;height:527px;background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:space-between;gap:10px;position:absolute;bottom:0;border-bottom:10px solid #191919;border-radius:10px;padding:23px;font-family:GilmerRegular}@media only screen and (min-width:768px){.ReferralModal{width:450px;height:577px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.ReferralModal .ReferralBg{position:absolute;top:0;left:0;background:url(/assets/referalBg.svg);background-position:50%;background-size:cover;width:100%;height:60%}.ReferralModal .ReferralModal-Container{width:100%;display:flex;justify-content:center;flex-direction:column;gap:10px;z-index:2}.ReferralModal .ReferralModal-Container hr{width:100%;color:#202020;background-color:#202020;border-color:#202020;height:1px}.ReferralModal .ReferralModal-Container .ReferralModal-HeadingContainer{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:400;letter-spacing:.400000006px;text-align:left;color:#fff}.ReferralModal .OTPInputWrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;z-index:2}.ReferralModal .OTPInputWrapper .Heading-Wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.ReferralModal .OTPInputWrapper .Heading-Wrapper .Heading{font-family:GilmerRegular;font-size:18px;font-weight:600;line-height:21.6px;letter-spacing:.400000006px;text-align:center;width:100%}.ReferralModal .OTPInputWrapper .Heading-Wrapper .SubHeading{font-family:GilmerRegular;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.400000006px;text-align:center;color:gray;width:80%}.ReferralModal .OTPInputWrapper .Heading-Wrapper .Heading-Button{width:100%;height:47px;background-color:#8bce2b;font-family:GilmerBold;font-size:14px;font-weight:700;line-height:16.8px;letter-spacing:.400000006px;text-align:left;color:#000;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.ReferralModal .OTPInputWrapper .Heading-Wrapper .Heading-Button:hover{opacity:.8}.OTPContainer{display:flex;justify-content:center;flex-direction:column;gap:10px}.OTPContainer .InputElementContainer .InputElement{width:47px;height:57px;border:1px solid #787878;background-color:transparent;border-radius:6px;text-align:center;font-size:32px;color:#8bce2b;font-family:GilmerRegular}.OTPContainer .InputElementContainer .InputElement:active{border:1px solid #8bce2b}.OTPContainer .InputElementContainer .InputElement:focus{outline:none}.OTPContainer .InputElementContainer .InputElement:valid{border:1px solid #8bce2b}.Info-Pill{width:90%;padding-top:10px;padding-bottom:10px;color:#be5855;font-size:10px;font-size:bold;background-color:#181818;border-radius:40px;display:flex;gap:10px;justify-content:center;align-items:center;font-family:GilmerMedium;cursor:pointer}@media only screen and (min-width:768px){.Info-Pill{width:100%}}@media only screen and (min-width:1024px){.Info-Pill{width:100%}}@media only screen and (min-width:1280px){.Info-Pill{width:100%;font-size:12px}}@media only screen and (min-width:1536px){.Info-Pill{width:100%;font-size:12px}}.Info-Pill:hover{opacity:.8}