.medalViewerContainer{width:100%;height:100%}.medalViewerContainer .createMedalButton{position:fixed;bottom:20px;left:50svw;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 24px;height:50px;border-radius:25px;background:linear-gradient(90deg,#fff 25%,hsla(0,0%,100%,.4) 75%);background-size:400% 100%;background-position:100% 0;transition:background-position .4s ease;pointer-events:all;cursor:pointer}.medalViewerContainer .createMedalButton:hover{background-position:0 0}.medalViewerContainer .createMedalButton:hover span{color:#011f5d;transition:.4s ease}.medalViewerContainer .createMedalButton span{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;font-family:Tomato;color:#fff;font-size:18px}.ui{width:100svw;height:100svh;position:fixed;left:0;top:0;pointer-events:none}.sliderUI{width:200px;height:55px;position:absolute;left:50svw;top:50svh;transform:translateX(-50%) translateY(-50%);overflow:visible;opacity:0}.sliderUI h2{top:100px;left:50%;width:-moz-fit-content;width:fit-content;text-wrap:nowrap;font-family:PassionOne;font-size:64px;background:hsla(0,0%,100%,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.3px #fff}.sliderUI .handle,.sliderUI h2{position:absolute;transform:translateX(-50%)}.sliderUI .handle{width:55px;height:55px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:all}.sliderUI .handle svg{transition:.2s ease;transform:scale(1)}.sliderUI .handle svg.holded{transform:scale(.75)}.sliderUI .dashedRound{border:2px dashed #fff;left:200px;top:28px}.sliderUI .dashedRound,.sliderUI .filledRound{border-radius:50%;position:absolute;transform:translateX(-50%) translateY(-50%)}.sliderUI .filledRound{background-color:#fff;left:0;top:29px;width:13px;height:13px}.sliderUI .dashedBar{width:35px;height:0;border-top:2px dashed #fff;position:absolute;top:28px}.sliderUI .filledBar{width:175px;height:0;border-top:2px solid #fff;position:absolute;top:28px}@media screen and (max-width:600px){.sliderUI h2{font-size:32px;top:64px}}.wallpapersUI{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:fixed;bottom:27px;left:50svw;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;overflow:visible;z-index:100}.wallpapersUI .dlButton{cursor:pointer;width:60px;height:60px!important;display:flex;justify-content:center;align-items:center;pointer-events:all;background:linear-gradient(90deg,#fff 25%,hsla(0,0%,100%,.4) 75%);background-size:400% 100%;background-position:100% 0;transition:background-position .4s ease;border-radius:30px;margin-top:38px;box-sizing:border-box}.wallpapersUI .dlButton.open{background-position:0 0;height:60px}.wallpapersUI .dlButton .animateButtonDiv{overflow:visible;display:flex;justify-content:center;align-items:center}.wallpapersUI .dlButton .animateButtonDiv span{font-size:16px;color:#2f2d2b;font-family:Tomato;white-space:none;text-wrap:nowrap}.wallpapersUI .dlButton .animateButtonDiv svg{height:16px;overflow:visible;margin-right:5px}.wallpapersUI .dlButton .animateButtonDiv svg g path:last-of-type{transition:.3s ease-in-out}.wallpapersUI .dlButton:hover{background-position:0 0}.wallpapersUI .dlButton:hover .animateButtonDiv svg g path:last-of-type{transform:translateY(-5px)}@media screen and (max-width:1200px){.wallpapersUI{bottom:64px}}.downloadOptions{position:relative;width:90svw;max-width:376px;height:0;background-color:#fff;border-radius:30px;justify-content:space-between;pointer-events:all}.downloadOptions,.downloadOptions .downloadElements{display:flex;flex-direction:column;align-items:center}.downloadOptions .downloadElements{position:absolute;bottom:0;left:0;width:100%;height:600px;justify-content:flex-start;padding:26px 48px}.downloadOptions .downloadElements h3{font-size:16px;font-family:Tomato;color:#2f2d2b;margin-bottom:12px}.downloadOptions .downloadElements .gridContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:27px;grid-row-gap:27px;width:100%;height:100%}.downloadOptions .downloadElements .gridContainer .iconContainer{grid-area:1/1/2/2}.downloadOptions .downloadElements .gridContainer .mobileContainer{grid-area:1/2/2/3}.downloadOptions .downloadElements .gridContainer .desktopContainer{grid-area:2/1/3/3}.downloadOptions .downloadElements .gridContainer .desktopContainer,.downloadOptions .downloadElements .gridContainer .iconContainer,.downloadOptions .downloadElements .gridContainer .mobileContainer{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.downloadOptions .downloadElements .gridContainer .desktopContainer img,.downloadOptions .downloadElements .gridContainer .iconContainer img,.downloadOptions .downloadElements .gridContainer .mobileContainer img{width:auto;max-width:100%;max-height:80%;height:auto}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations,.downloadOptions .downloadElements .gridContainer .iconContainer .informations,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations{height:40px;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:6px}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .sizeContainer,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .sizeContainer,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .sizeContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:start;width:-moz-fit-content;width:fit-content;height:100%}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .sizeContainer span,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .sizeContainer span,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .sizeContainer span{color:#2f2d2b}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .sizeContainer span:first-of-type,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .sizeContainer span:first-of-type,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .sizeContainer span:first-of-type{font-family:PassionOne;font-size:16px;text-transform:uppercase}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .sizeContainer span:last-of-type,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .sizeContainer span:last-of-type,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .sizeContainer span:last-of-type{font-family:Tomato;font-size:14px}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .dlHolder,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .dlHolder,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .dlHolder{height:40px;width:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;background-color:#2f2d2b;cursor:pointer}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .dlHolder .lottieDl,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .dlHolder .lottieDl,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .dlHolder .lottieDl{height:50%}.downloadOptions .downloadElements .gridContainer .desktopContainer .informations .dlHolder .lottieDl:hover,.downloadOptions .downloadElements .gridContainer .iconContainer .informations .dlHolder .lottieDl:hover,.downloadOptions .downloadElements .gridContainer .mobileContainer .informations .dlHolder .lottieDl:hover{transform:scale(1.1)}.leftContent{z-index:10;position:fixed;left:0;top:0;height:100svh;flex-direction:column;justify-content:space-between;align-items:flex-start;opacity:0}.leftContent,.leftContent .topIcon{width:-moz-fit-content;width:fit-content;display:flex;overflow:visible}.leftContent .topIcon{height:50px;justify-content:flex-start;align-items:center;margin:32px 0 0 20px;pointer-events:all;cursor:pointer}.leftContent .topIcon svg{height:52px;width:52px;margin:0 8px;transform:translateX(0)}.leftContent .topIcon h2{font-size:18px;line-height:16px;font-family:PassionOne;color:#fff;text-transform:uppercase}.leftContent .marginLogos{margin:0 0 20px 20px}@media screen and (max-width:1200px){.leftContent svg{margin:0 0 12px 50svw;transform:translateX(-50%)}}