@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@supports(padding:max(0px)){body{padding-left:min(0vmin,env(safe-area-inset-left));padding-right:min(0vmin,env(safe-area-inset-right))}}.App{background:linear-gradient(120deg,#303236,#242426);box-sizing:border-box;margin:0 auto;overflow-x:hidden;text-align:center;width:100%}.Construction{height:100vh}.construction-pic{height:auto;width:100%}.log-in:hover{cursor:pointer}.light-font{color:#ffffffb3}.logo{height:48px;max-width:100%;width:150px}.popper-logo{border-radius:3px;cursor:pointer;width:100%}.store-selected{border:2px solid #2196f3;opacity:1}.store-not-selected{border:2px solid rgba(73,177,242,0);opacity:.6;transition:opacity .3s}.store-not-selected:hover{opacity:1}.modal-style{background-color:#fefefe;border-radius:5px;left:50%;max-height:72%;max-width:650px;overflow:scroll;padding:18px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}.help-icon{color:#ffffffb3;cursor:pointer;padding:5px 5px 5px 0}.down-arrow-icon{color:#8e9399;cursor:pointer;padding:5px}.down-arrow-icon:hover{color:#2196f3}.toSelectorDiv{cursor:pointer;transition:all .2s}.toSelectorDiv:hover{background-color:rgba(33,148,243,.1)}.card-button-disabled{background:blue;box-shadow:none;color:red;height:36px;padding:6px 16px;width:170px}.toSelector:hover{opacity:.7}.toSelector p{color:#303236;margin:5px 5px 0;padding:5px 5px 0}.looks-icon{color:#2196f3;margin:2px 8px 2px 2px}.start-over,.tom-range{color:#ffffffb3}.help-icon:hover{opacity:.9}.start-over{cursor:pointer;padding:5px}.start-over-error{text-decoration:underline}.drum-image{width:100%}.bottomSnareDiv img{width:85%}.bottom-head-background{background-position:50% 10%;background-repeat:no-repeat;background-size:340px}.SNARE.Remo{background-image:url(https://drumheadselector.b-cdn.net/remo-ambassador-hazy.webp)}.SNARE.Evans{background-image:url(https://drumheadselector.b-cdn.net/evans-snare-side-300.webp)}.TOMS.Remo{background-image:url(https://drumheadselector.b-cdn.net/remo-ambassador-clear.webp)}.TOMS.Evans{background-image:url(https://drumheadselector.b-cdn.net/evans-g1-clear.webp)}.tips-products img{height:170px;width:170px}.affiliate-modal-text{cursor:pointer}.featured-head-image img{width:295px}.featured-link{color:#2196f3;cursor:pointer;text-decoration:underline}.featured-link:hover{opacity:.9}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(105%);transform:translateY(105%)}85%{opacity:0;-webkit-transform:translateY(105%);transform:translateY(105%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(105%);transform:translateY(105%)}85%{opacity:0;-webkit-transform:translateY(105%);transform:translateY(105%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:1199px){.bottom-head-background{background-size:310px}.featured-head-image img{height:260px;width:260px}}@media only screen and (max-width:899px){.down-arrow-icon{color:#2196f3}.bottom-head-background{background-size:230px}.tips-products img{height:150px;width:150px}}@media only screen and (max-width:599px){.down-arrow-icon{color:#2196f3}.bottom-head-background{background-size:158px}.tips-products img{height:140px;width:140px}}.cardContainer{overflow-x:hidden}.firstCard.xsmallWidth.firstPosition{margin:0 38px 0 1215px}.firstCard.xsmallWidth.secondPosition{margin:0 38px 0 625px}.firstCard.xsmallWidth.fifthPosition,.firstCard.xsmallWidth.fourthPosition,.firstCard.xsmallWidth.thirdPosition,.lastCard.xsmallWidth.firstPosition,.lastCard.xsmallWidth.secondPosition,.lastCard.xsmallWidth.thirdPosition{margin:0 38px 0 8px}.lastCard.xsmallWidth.fourthPosition{margin:0 625px 0 38px}.lastCard.xsmallWidth.fifthPosition{margin:0 1215px 0 38px}.midCards{margin:0 14px 15px}@media only screen and (max-width:1199px){.midCards{margin:0 8px 15px}}@media only screen and (max-width:899px){.midCards{margin:0 50px 5px}}@media only screen and (max-width:599px){.midCards{margin:0 40px}}.card-div{padding:25px 15px}.cardDark{color:#161617}.cardLight{color:#eceff1}.resultsCardMedia{width:218px}.gaugeGradient{background-color:#2196f3;margin:0 auto}.resultsCardContainer{overflow:hidden}.firstCard.largeWidth.firstPosition{margin:0 14px 15px 610px}.firstCard.largeWidth.fifthPosition,.firstCard.largeWidth.thirdPosition,.lastCard.largeWidth.firstPosition,.lastCard.largeWidth.thirdPosition{margin:0 14px 15px}.lastCard.largeWidth.fifthPosition{margin:0 610px 15px 14px}.firstCard.mediumWidth.firstPosition{margin:0 6px 15px 490px}.firstCard.mediumWidth.fifthPosition,.firstCard.mediumWidth.thirdPosition,.lastCard.mediumWidth.firstPosition,.lastCard.mediumWidth.thirdPosition{margin:0 6px 15px}.lastCard.mediumWidth.fifthPosition{margin:0 490px 15px 6px}.firstCard.smallWidth.firstPosition{margin:0 35px 5px 1485px}.firstCard.smallWidth.secondPosition{margin:0 35px 5px 775px}.firstCard.smallWidth.fifthPosition,.firstCard.smallWidth.fourthPosition,.firstCard.smallWidth.thirdPosition,.lastCard.smallWidth.firstPosition,.lastCard.smallWidth.secondPosition,.lastCard.smallWidth.thirdPosition{margin:0 35px 5px}.lastCard.smallWidth.fourthPosition{margin:0 775px 5px 35px}.lastCard.smallWidth.fifthPosition{margin:0 1485px 5px 35px}.firstCard.xsmallWidth.firstPosition{margin:0 35px 5px 1215px}.firstCard.xsmallWidth.secondPosition{margin:0 35px 5px 625px}.firstCard.xsmallWidth.fifthPosition,.firstCard.xsmallWidth.fourthPosition,.firstCard.xsmallWidth.thirdPosition,.lastCard.xsmallWidth.firstPosition,.lastCard.xsmallWidth.secondPosition,.lastCard.xsmallWidth.thirdPosition{margin:0 35px 5px}.lastCard.xsmallWidth.fourthPosition{margin:0 625px 5px 35px}.lastCard.xsmallWidth.fifthPosition{margin:0 1215px 5px 35px}.results-cards{background:linear-gradient(0deg,#242424,#2e2e2f);margin:0 19px 15px}.resultsBackground{width:98%}.firstCard.largeWidth{transition:margin-left .25s ease}.lastCard.largeWidth{transition:margin-right .25s ease}.firstCard.mediumWidth{transition:margin-left .25s ease}.lastCard.mediumWidth{transition:margin-right .25s ease}.firstCard.smallWidth{transition:margin-left .25s ease}.lastCard.smallWidth{transition:margin-right .25s ease}.firstCard.xsmallWidth{transition:margin-left .25s ease}.lastCard.xsmallWidth{transition:margin-right .25s ease}.gaugeGradient.largeWidth.firstPosition,.gaugeGradient.mediumWidth.firstPosition{margin:0 auto 0 0}.gaugeGradient.largeWidth.thirdPosition,.gaugeGradient.mediumWidth.thirdPosition{margin:0 auto}.gaugeGradient.largeWidth.fifthPosition,.gaugeGradient.mediumWidth.fifthPosition{margin:0 0 0 auto}.gaugeGradient.smallWidth.firstPosition,.gaugeGradient.xsmallWidth.firstPosition{margin:0 auto 0 0}.gaugeGradient.smallWidth.secondPosition,.gaugeGradient.xsmallWidth.secondPosition{margin:0 auto 0 17%}.gaugeGradient.smallWidth.thirdPosition,.gaugeGradient.xsmallWidth.thirdPosition{margin:0 auto}.gaugeGradient.smallWidth.fourthPosition,.gaugeGradient.xsmallWidth.fourthPosition{margin:0 17% 0 auto}.gaugeGradient.smallWidth.fifthPosition,.gaugeGradient.xsmallWidth.fifthPosition{margin:0 0 0 auto}@media only screen and (max-width:1199px){.midCards{margin:0 8px 15px}.resultsCardMedia{width:190px}}@media only screen and (max-width:899px){.midCards{margin:0 50px 5px}.results-cards{margin:0 50px 5px;padding:0 0 10px}.resultsCardMedia{width:225px}}@media only screen and (max-width:599px){.midCards,.results-cards{margin:0 35px 5px}.resultsCardMedia{width:190px}}
/*# sourceMappingURL=main.9d2ad8b0.css.map*/