@font-face{
    font-family:apercu-pro;
    font-weight:400;
    src:url(https://frontend-assets.sorare.com/fonts/ApercuPro-Regular.woff2) format("woff2")
}
@font-face{
    font-family:apercu-pro;
    font-weight:700;
    src:url(https://frontend-assets.sorare.com/fonts/ApercuPro-Bold.woff2) format("woff2")
}
@font-face{
    font-family:apercu-pro;
    font-weight:900;
    font-style:italic;
    src:url(https://frontend-assets.sorare.com/fonts/apercu-black-italic-pro.woff2) format("woff2")
}
html,body{
    height:100%;
    margin:0;
    padding:0
}
html{
    scroll-behavior:smooth
}
#root{
    height:100%
}
html *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body{
    font-size:1rem;
    margin:0
}
.webp{
    height:100%
}
html{
    font-family:apercu-pro,system-ui,sans-serif;
    font-weight:400;
    font-style:normal;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
*{
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-tap-highlight-color:transparent;
    box-sizing:border-box
}
*:focus{
    outline:0
}
a{
    color:#06f;
    text-decoration:none;
    background-color:transparent
}
a:hover,a:focus{
    text-decoration:none;
    color:#005be5
}
label{
    font-size:14px;
    line-height:1.42857;
    color:#aaa;
    font-weight:400
}
small{
    font-size:75%;
    font-weight:400
}
svg,img{
    vertical-align:middle;
    border-style:none
}
form{
    margin-bottom:1.125rem
}
button{
    border:0;
    background:none;
    padding:0
}
li{
    list-style-type:none
}
.DefaultProgressBar__vertical{
    width:24px;
    height:100%
}
.DefaultProgressBar_progressBar{
    background-color:#21284a;
    position:absolute
}
.DefaultProgressBar_progressBar__vertical{
    height:100%;
    width:24px
}
.DefaultProgressBar_background__vertical{
    height:100%;
    top:0px;
    width:15px
}
.DefaultProgressBar_background__horizontal{
    height:4px;
    top:12px
}
.DefaultHandle_handle{
    width:24px;
    height:24px;
    border-width:1px;
    border-style:solid;
    border-color:#d8d8d8;
    background-color:#fcfcfc;
    border-radius:20%;
    outline:none;
    z-index:2;
    box-shadow:0 2px 2px #dbdbdb
}
.DefaultHandle_handle:focus{
    box-shadow:#abc4e8 0 0 1px 1px
}
.DefaultHandle_handle:after{
    content:"";
    display:block;
    position:absolute;
    background-color:#dadfe8
}
.DefaultHandle_handle:before{
    content:"";
    display:block;
    position:absolute;
    background-color:#dadfe8
}
.DefaultHandle_handle__horizontal{
    margin-left:-12px;
    top:-5px
}
.DefaultHandle_handle__horizontal:before{
    top:7px;
    height:10px;
    width:1px;
    left:10px
}
.DefaultHandle_handle__horizontal:after{
    top:7px;
    height:10px;
    width:1px;
    left:13px
}
.DefaultHandle_handle__vertical{
    margin-top:-12px;
    left:-10px
}
.DefaultHandle_handle__vertical:before{
    top:10px
}
.DefaultHandle_handle__vertical:after{
    top:13px;
    left:8px;
    height:1px;
    width:10px
}
.DefaultHandle_handle__disabled{
    border-color:#dbdbdb
}
.DefaultBackground{
    background-color:#dee0e8;
    height:15px;
    width:100%;
    position:relative
}
.DefaultBackground_background__horizontal{
    height:3px;
    top:14px;
    left:-2px;
    bottom:4px;
    width:100%
}
.DefaultBackground_background__vertical{
    width:15px;
    top:0px;
    height:100%
}
@media (min-width: 1128px){
    .autoAdjustVerticalPosition{
        top:12px
    }
}
.handleContainer{
    height:15px;
    top:-2px;
    left:-2px;
    bottom:4px;
    width:100%;
    position:absolute
}
@media (max-width: 959.95px){
    .ais-InstantSearch__root{
        flex:1
    }
}
.grecaptcha-badge{
    visibility:collapse!important
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.hiddenScrollbars::-webkit-scrollbar{
    display:none
}
.hiddenScrollbars{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.iti-mobile .intl-tel-input.iti-container{
    z-index:9999
}
.card-ratio:before{
    content:"";
    float:left;
    padding-bottom:calc(832 / 514 * 100%)
}
.card-ratio:after{
    content:" ";
    display:table;
    clear:left
}
.HandledError-root{
    background-color:#f7f8fa;
    height:1px;
    width:100%;
    color:#21284a;
    font-size:24px;
    position:relative;
    z-index:1000000;
    min-height:100vh
}
.HandledError-container{
    height:100%;
    max-width:900px;
    padding:0 25px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin:auto
}
.HandledError-block{
    display:flex;
    flex-direction:column;
    align-items:center
}
.HandledError-block h3{
    margin-bottom:32px
}
.HandledError-button{
    background:#0066FF;
    border-radius:8px;
    text-decoration:none;
    text-shadow:none;
    border:none;
    box-shadow:none;
    padding:18px 40px;
    font-size:16px;
    line-height:24px;
    color:#fff;
    font-weight:700;
    cursor:pointer
}
.HandledError-button:hover{
    background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)) #0066FF
}
.HandledError-image-container{
    position:relative
}
.HandledError-error-container-text{
    position:absolute;
    text-align:center;
    top:20px;
    width:160px;
    font-size:35px;
    font-weight:bolder;
    color:#fff
}
.HandledError-warning{
    color:#000
}
.HandledError-icon{
    width:16px;
    margin-left:6px
}
@media (max-width: 595px){
    .HandledError-root{
        display:flex
    }
    .HandledError-container{
        padding:0;
        justify-content:center
    }
    .HandledError-blockPadded{
        height:auto
    }
    .HandledError-block h3{
        font-size:20px;
        text-align:center
    }
}
:root{
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: .8;
    --PhoneInputInternationalIconGlobe-opacity: .65;
    --PhoneInputCountrySelect-marginRight: .35em;
    --PhoneInputCountrySelectArrow-width: .3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: .45;
    --PhoneInputCountrySelectArrow-color: inherit;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)
}
.PhoneInput{
    display:flex;
    align-items:center
}
.PhoneInputInput{
    flex:1;
    min-width:0
}
.PhoneInputCountryIcon{
    width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
    height:var(--PhoneInputCountryFlag-height)
}
.PhoneInputCountryIcon--square{
    width:var(--PhoneInputCountryFlag-height)
}
.PhoneInputCountryIcon--border{
    background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
}
.PhoneInputCountryIconImg{
    display:block;
    width:100%;
    height:100%
}
.PhoneInputInternationalIconPhone{
    opacity:var(--PhoneInputInternationalIconPhone-opacity)
}
.PhoneInputInternationalIconGlobe{
    opacity:var(--PhoneInputInternationalIconGlobe-opacity)
}
.PhoneInputCountry{
    position:relative;
    align-self:stretch;
    display:flex;
    align-items:center;
    margin-right:var(--PhoneInputCountrySelect-marginRight)
}
.PhoneInputCountrySelect{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:1;
    border:0;
    opacity:0;
    cursor:pointer
}
.PhoneInputCountrySelect[disabled]{
    cursor:default
}
.PhoneInputCountrySelectArrow{
    display:block;
    content:"";
    width:var(--PhoneInputCountrySelectArrow-width);
    height:var(--PhoneInputCountrySelectArrow-width);
    margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);
    border-style:solid;
    border-color:var(--PhoneInputCountrySelectArrow-color);
    border-top-width:0;
    border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);
    border-left-width:0;
    border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);
    transform:var(--PhoneInputCountrySelectArrow-transform);
    opacity:var(--PhoneInputCountrySelectArrow-opacity)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{
    opacity:1;
    color:var(--PhoneInputCountrySelectArrow-color--focus)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{
    box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
}
.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{
    opacity:1;
    color:var(--PhoneInputCountrySelectArrow-color--focus)
}