@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--radiusBorder:4px;--lightPrimary: rgb(79, 101, 125);--primary: hsl(211, 23%, 30%);--primaryHover:rgb(51, 66, 82);--primaryActive: hsl(210, 24%, 22%);--secondaryLight:rgb(248, 118, 98);--secondary:#f75840;--secondaryHover:hsl(8, 92%, 58%);--secondaryActive:hsl(8, 92%, 55%);--test: rgb(49, 175, 137);--lightColor:#fff;--favoriteNotChecked:hsl(0, 7%, 85%);--favoriteNotCheckedHover:hsl(39, 100%, 70%);--favoriteChecked:hsl(39, 100%, 50%);--lightGrey:hsl(0, 7%, 97%);--lightGreyFooter:hsl(0, 7%, 97%);--lighterGrey:hsl(0, 7%, 90%);--grey:hsl(0, 7%, 85%);--darkGrey:hsl(10, 6%, 20%);--darkGreyHover:hsl(10, 6%, 17%);--darkGreyActive:hsl(0, 6%, 14%);--smallFontSize:.9em;--tinyFontSize:.7em;--normalFontSize:1em;--bigFontSize:1.3em;--biggerFontSize:1.6em;--hugeFontSize:2.3rem;--normalLineHeigth:150%;--mainFont:"Roboto", 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}h2{font-size:var(--hugeFontSize);font-weight:500;margin:.5rem .8rem}h4{font-size:var(--biggerFontSize);font-weight:500;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:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:var(--normalFontSize);line-height:var(--normalLineHeigth);text-align:justify;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(--bigFontSize);border-radius:5px;transition:background-color .2s ease;outline:none;border-style:none;border:none;padding:.35rem .9rem;box-sizing:border-box}.btnPerso:hover{cursor:pointer}.btnPerso.btnSmall{font-size:var(--normalFontSize);padding:.2rem .9rem}.btnPerso.btnPrimary{background-color:var(--primary);color:var(--lightColor)}.btnPerso.btnPrimary:hover{background-color:var(--primaryHover)}.btnPerso.btnPrimary:active{background-color:var(--primaryActive)}.btnPerso.btnPrimaryLight{background-color:var(--lightColor);color:var(--primary);border-style:solid;border-width:1px}.btnPerso.btnPrimaryLight:hover{background-color:var(--primary);color:var(--lightColor)}.btnPerso.btnPrimaryLight:active{background-color:var(--primaryHover);color:var(--lightColor)}.btnPerso.btnSecondary{background-color:var(--secondary);color:var(--lightColor)}.btnPerso.btnSecondary:hover{background-color:var(--secondaryHover)}.btnPerso.btnSecondary:active{background-color:var(--secondaryActive)}.btnPerso.btnSecondaryLight{background-color:var(--lightColor);color:var(--secondary);border-style:solid;border-width:1px}.btnPerso.btnSecondaryLight:hover{background-color:var(--secondary);color:var(--lightColor)}.btnPerso.btnSecondaryLight:active{background-color:var(--secondaryHover);color:var(--lightColor)}.btnPerso.btnGrey{background-color:var(--darkGrey);color:var(--lightColor)}.btnPerso.btnGrey:hover{background-color:var(--darkGreyHover)}.btnPerso.btnGrey:active{background-color:var(--darkGreyActive)}.btnPerso.btnGreyLight{background-color:var(--lightColor);color:var(--darkGrey);border-style:solid;border-width:1px}.btnPerso.btnGreyLight:hover{background-color:var(--darkGrey);color:var(--lightColor)}.btnPerso.btnGreyLight:active{background-color:var(--darkGreyHover);color:var(--lightColor)}.btnPerso.leftButton{margin-right:.7rem}: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}}