@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--radiusBorder: 3px;--lightPrimary: #37352F;--primary: #37352F;--primaryHover: #2F2D28;--primaryActive: #272520;--secondaryLight: #E8F0FD;--secondary: #2383E2;--secondaryHover: #1A6DC2;--secondaryActive: #1560AA;--test: rgb(49, 175, 137);--lightColor: #FFFFFF;--favoriteNotChecked: #D3D1CB;--favoriteNotCheckedHover: hsl(39, 100%, 70%);--favoriteChecked: hsl(39, 100%, 50%);--lightGrey: #F7F7F5;--lightGreyFooter: #F7F7F5;--lighterGrey: #EFEFED;--grey: #E3E2E0;--midGrey: #9B9A97;--darkGrey: #37352F;--darkGreyHover: #2F2D28;--darkGreyActive: #272520;--smallFontSize: .875rem;--tinyFontSize: .75rem;--normalFontSize: .9375rem;--bigFontSize: 1.125rem;--biggerFontSize: 1.5rem;--hugeFontSize: 2rem;--normalLineHeigth: 1.6;--mainFont: "Inter", sans-serif}html{background-color:var(--lightColor)}html[class=dark-mode]{--lightGrey:hsl(0, 7%, 90%);filter:invert(1) hue-rotate(180deg);-webkit-filter:invert(1) rotate(180deg)}@-moz-document url-prefix(){html[class=dark-mode]{background-color:#000}}html[class=dark-mode] img,html[class=dark-mode] iframe,html[class=dark-mode] .unDrawSVG,html[class=dark-mode] .favorite{filter:invert(1) hue-rotate(180deg);-webkit-filter:invert(1) rotate(180deg);--favoriteNotChecked:hsl(0, 7%, 35%);--favoriteNotCheckedHover:hsl(39, 100%, 60%)}html[class=dark-mode] .matchInfo,html[class=dark-mode] .pepite-card{--colorText:black}html[class=dark-mode] .pastMatch{filter:grayscale(100%) invert(1)}html[class=light-mode] .pastMatch{filter:grayscale(100%)}html[class=dark-mode] .matchInfo:before{filter:invert(1) hue-rotate(180deg)}a,a:hover{color:inherit;text-decoration:none}h1,h2,h4,h5{color:var(--darkGrey);font-family:var(--mainFont);text-align:center;letter-spacing:-.02em}h2{font-size:var(--hugeFontSize);font-weight:600;margin:.5rem .8rem}h4{font-size:var(--biggerFontSize);font-weight:600;text-align:center;margin:.2rem .5rem}h5{font-size:var(--bigFontSize);font-weight:500;text-align:center;margin:.2rem .4rem}.textPrimary{color:var(--primary)}.textSecondary{color:var(--secondary)}.tiny{font-size:var(--tinyFontSize)}.my-scrollbar{--scrollbar-size: 6px !important;--scrollbar-thumb-color: var(--lighterGrey) !important;--scrollbar-thumb-hover-color: var(--grey) !important;--scrollbar-border-radius: 3px !important;right:-11px!important;--scrollbar-padding: 0px !important}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.superMainComponent::-webkit-scrollbar{display:none}.superMainComponent{-ms-overflow-style:none;scrollbar-width:none}.logo{outline:none;border-style:none;border:none}p{font-family:var(--mainFont);font-style:normal;font-weight:400;font-size:var(--normalFontSize);line-height:var(--normalLineHeigth);text-align:left;color:var(--darkGrey);margin:1rem 0rem}p.smallP{font-size:var(--smallFontSize)}p.normalP{font-weight:400}p.boldP{font-weight:500}p.centerP{text-align:center}p.secondaryP{color:var(--secondary)}.btnPerso{font-family:var(--mainFont);font-size:var(--smallFontSize);font-weight:500;border-radius:var(--radiusBorder);transition:background-color .15s ease,color .15s ease;outline:none;border:1px solid transparent;padding:.35rem .75rem;box-sizing:border-box;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;line-height:1;vertical-align:middle}.btnPerso svg{display:block;flex-shrink:0;width:1em;height:1em}.btnPerso:hover{cursor:pointer}.btnPerso.btnSmall{font-size:var(--tinyFontSize);padding:.2rem .6rem;height:1.75rem}.btnPerso.btnPrimary{background-color:var(--primary);color:var(--lightColor);border-color:var(--primary)}.btnPerso.btnPrimary:hover{background-color:var(--primaryHover);border-color:var(--primaryHover)}.btnPerso.btnPrimary:active{background-color:var(--primaryActive);border-color:var(--primaryActive)}.btnPerso.btnPrimaryLight{background-color:transparent;color:var(--primary);border:1px solid var(--grey)}.btnPerso.btnPrimaryLight:hover{background-color:var(--lightGrey)}.btnPerso.btnPrimaryLight:active{background-color:var(--lighterGrey)}.btnPerso.btnSecondary{background-color:var(--secondary);color:var(--lightColor);border-color:var(--secondary)}.btnPerso.btnSecondary:hover{background-color:var(--secondaryHover);border-color:var(--secondaryHover)}.btnPerso.btnSecondary:active{background-color:var(--secondaryActive);border-color:var(--secondaryActive)}.btnPerso.btnSecondaryLight{background-color:transparent;color:var(--secondary);border:1px solid var(--grey)}.btnPerso.btnSecondaryLight:hover,.btnPerso.btnSecondaryLight:active{background-color:var(--secondaryLight)}.btnPerso.btnGrey{background-color:var(--lighterGrey);color:var(--darkGrey);border-color:var(--lighterGrey)}.btnPerso.btnGrey:hover,.btnPerso.btnGrey:active{background-color:var(--grey);border-color:var(--grey)}.btnPerso.btnGreyLight{background-color:transparent;color:var(--darkGrey);border:1px solid var(--grey)}.btnPerso.btnGreyLight:hover{background-color:var(--lightGrey)}.btnPerso.btnGreyLight:active{background-color:var(--lighterGrey)}.btnPerso.leftButton{margin-right:.5rem}:is(.btnPrimary,.btnSecondary,.btnGrey) path{fill:var(--lightColor)}.btnPrimaryLight path{fill:var(--primary)}.btnSecondaryLight path{fill:var(--secondary)}.btnGreyLight path{fill:var(--lightGrey)}.btnSmall.btnPrimary,.btnSmall.btnSecondary,.btnSmall.btnGrey{padding:calc(.2rem + 1px) .9rem}.prefix{background-color:var(--primary);border-top-left-radius:var(--radiusBorder);border-bottom-left-radius:var(--radiusBorder);border-color:var(--primary);padding:.2rem 1rem;display:flex;align-items:center}.prefixText,.suffixText{color:var(--lightColor);font-family:var(--mainFont)}.userInput{border-top-right-radius:var(--radiusBorder);border-bottom-right-radius:var(--radiusBorder);border-top-left-radius:0rem;border-bottom-left-radius:0rem;border-style:solid;border-color:var(--primary);border-width:1px;outline:none;padding-left:.4rem;font-family:var(--mainFont);font-size:var(--normalFontSize)}.userInput:focus{border-width:2px;border-color:var(--secondary)}.dropzone{margin-top:3rem;min-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:80vw;font-weight:200;height:300px;border:2px dashed var(--secondary);border-radius:5px;background:#fff;margin:10px 0}.dropzone.hovering{border:2px solid var(--secondary);color:var(--lightGrey)!important}.dropzone .file-label{font-size:1.2em}.switch{position:relative;display:inline-block;width:3.3rem;height:2.1rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--primary);transition:.4s}.slider:before{position:absolute;content:"";height:1.8rem;width:1.8rem;left:.2rem;bottom:.15rem;background-color:var(--lightColor);transition:.4s}input:checked+.slider{background-color:var(--secondary)}input:focus+.slider{box-shadow:0 0 1px var(--secondary)}input:checked+.slider:before{transform:translate(1.1rem)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{padding:0;margin:0}@media screen and (max-width:850px){body{padding:0;margin:0}.my-scrollbar{right:0!important}}
