@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap);.base-input-wrapper{display:flex;align-items:center;position:relative;flex-direction:column}.base-input-wrapper .base-input-title{color:#002a3c;position:absolute;top:-1.75rem;left:2.1rem;font-weight:600;visibility:visible}.base-input-wrapper .base-input{padding:1rem 2rem;font-size:1.25rem;font-weight:200;border:1px solid #707070;border-radius:.3rem;display:flex;align-items:baseline;position:relative;cursor:pointer;color:#002a3c;min-width:20rem;width:100%;text-align:left;box-sizing:border-box}@media screen and (max-width:26rem){.base-input-wrapper .base-input{font-size:1rem;padding:.5rem 1rem}}.base-input-wrapper .base-input:focus{outline:0}.base-input-wrapper .base-input::-moz-placeholder{color:#002a3c}.base-input-wrapper .base-input:-ms-input-placeholder{color:#002a3c}.base-input-wrapper .base-input::placeholder{color:#002a3c}.base-input-wrapper .base-input:-moz-placeholder-shown+.base-input-title{visibility:hidden}.base-input-wrapper .base-input:-ms-input-placeholder+.base-input-title{visibility:hidden}.base-input-wrapper .base-input:placeholder-shown+.base-input-title{visibility:hidden}.base-dropdown{color:#002a3c;background:#fff;border:1px solid #707070;width:25rem;border-radius:.3rem;display:flex;align-items:baseline;position:relative;padding-right:1rem;max-width:100%;cursor:pointer}.base-dropdown:focus{outline:0}.base-dropdown:after{content:"▼";transition:all .5s}.base-dropdown input{border:0}.base-dropdown input:focus{outline:0}.base-dropdown .dropdown-button{width:100%;padding:.5rem;display:flex;justify-content:center;font-size:1.25rem}.base-dropdown .dropdown-content{position:absolute;top:calc(100% - .5rem);left:-1px;right:0;margin:0;margin-right:-1px;padding:0;padding-top:.5rem;list-style:none;border:1px solid #707070;border-top:0;border-radius:0 0 .3rem .3rem;box-sizing:border-box;background:#fff;max-height:0;transition:all .5s}.base-dropdown .dropdown-content li{padding:.5rem 1rem}.base-dropdown .dropdown-content li:hover{background-color:#002a3c;color:#fff;font-weight:700}.base-dropdown .dropdown-content li.disabled{color:#93c7de}.base-dropdown .dropdown-content li.disabled:hover{background-color:#fff;color:#93c7de}.base-dropdown.open{z-index:20}.base-dropdown.open .dropdown-content{max-height:50rem;padding-bottom:1rem;overflow:auto}.base-dropdown.open .dropdown-content:after{transform:rotate(-180deg)}.base-dropdown.closed ul.dropdown-content li{visibility:hidden}.multiple-dropdown{color:#002a3c;background:#fff;border:1px solid #707070;width:25rem;border-radius:.3rem;display:flex;align-items:baseline;position:relative;padding-right:1rem;max-width:100%;cursor:pointer}.multiple-dropdown:focus{outline:0}.multiple-dropdown:after{content:"▼";transition:all .5s}.multiple-dropdown input{border:0}.multiple-dropdown input:focus{outline:0}.multiple-dropdown .dropdown-button{width:100%;padding:.5rem;display:flex;justify-content:center;font-size:1.25rem}.multiple-dropdown .dropdown-content{position:absolute;top:calc(100% - .5rem);left:-1px;right:0;margin:0;margin-right:-1px;padding:0;padding-top:.5rem;list-style:none;border:1px solid #707070;border-top:0;border-radius:0 0 .3rem .3rem;box-sizing:border-box;background:#fff;max-height:0;transition:all .5s}.multiple-dropdown .dropdown-content li{padding:.5rem 1rem;text-align:left}.multiple-dropdown .dropdown-content li:before{content:"";width:1rem;height:1rem;display:inline-block;background:#fff;border:1px solid #002a3c;border-radius:2px;margin-right:1rem}.multiple-dropdown .dropdown-content li.active:before{background:#002a3c}.multiple-dropdown .dropdown-content li:hover{background-color:#002a3c;color:#fff;font-weight:700}.multiple-dropdown .dropdown-content li.disabled{border-color:#ccc}.multiple-dropdown .dropdown-content li.disabled:hover{border-color:blueLighter;color:#93c7de}.multiple-dropdown.open{z-index:20}.multiple-dropdown.open .dropdown-content{max-height:50rem;padding-bottom:1rem;overflow:auto}.multiple-dropdown.open .dropdown-content:after{transform:rotate(-180deg)}.multiple-dropdown.closed ul.dropdown-content li{visibility:hidden}.range-wrapper .range-title{color:#002a3c;font-weight:700;text-align:left;margin-bottom:.5rem}.range-wrapper .range-inner{display:flex}.range-wrapper .range-inner .base-input-title{display:none}.range-wrapper .range-divider{font-size:3rem;padding-left:1rem;padding-right:1rem;color:#002a3c}.two-col-wrapper{width:100%;margin-bottom:1rem}.two-col-wrapper .two-col-title-left{color:#002a3c;font-weight:700;text-align:left;margin-bottom:.5rem}.two-col-wrapper .two-col-inner{display:flex;justify-content:space-between}.two-col-wrapper .two-col-inner>div{width:calc(50% - 1rem);flex:0 0 calc(50% - 1rem)}.two-col-wrapper .two-col-inner .base-dropdown,.two-col-wrapper .two-col-inner .multiple-dropdown{width:100%;box-sizing:border-box;height:3.6rem}.two-col-wrapper .two-col-inner .base-dropdown .dropdown-button,.two-col-wrapper .two-col-inner .multiple-dropdown .dropdown-button{height:100%;box-sizing:border-box;align-items:center}.two-col-wrapper .two-col-title{color:#002a3c;font-weight:700;text-align:left;margin-bottom:.5rem}.one-col-wrapper{width:100%;margin-bottom:1rem}.one-col-wrapper .one-col-inner{display:flex;justify-content:space-between}.one-col-wrapper .one-col-inner>div{width:calc(50% - 1rem);flex:0 0 calc(50% - 1rem)}.one-col-wrapper .one-col-inner .base-dropdown{width:100%;box-sizing:border-box;height:3.6rem}.one-col-wrapper .one-col-inner .base-dropdown .dropdown-button{height:100%;box-sizing:border-box;align-items:center}.one-col-wrapper .one-col-title{color:#002a3c;font-weight:700;text-align:left;margin-bottom:.5rem}.bearing-picker{padding:2rem;padding-top:0;margin-top:2rem}.bearing-picker,.bearing-search-container{width:100%;height:100%;box-sizing:border-box}.bearing-search-container{display:grid;grid-template-columns:16fr 16fr 16fr 16fr 16fr 16fr;grid-template-rows:6rem 7rem 7rem 1fr;grid-column-gap:2rem}@media screen and (max-width:55rem){.bearing-search-container{padding-top:2rem;grid-template-columns:100fr;grid-template-rows:16fr}}.bearing-search-container .base-button.base-button-cross{transform:scale(1.5);margin-bottom:5rem;flex-shrink:0;width:3rem;grid-row:1;grid-column:4;justify-content:center}@media screen and (max-width:26rem){.bearing-search-container .base-button.base-button-cross{transform:scale(1);margin-bottom:2rem}}.bearing-search-container .base-input-wrapper{width:100%}.bearing-search-container .base-input-wrapper .base-input{min-width:auto}.bearing-search-container>.base-input-wrapper{grid-row:1;grid-column:3/span 2}.bearing-search-container .range-wrapper{margin-bottom:1rem;grid-row:2}.bearing-search-container .range-wrapper:first-of-type{grid-column:1/span 2}@media screen and (max-width:55rem){.bearing-search-container .range-wrapper:first-of-type{grid-column:1;grid-row:2}}.bearing-search-container .range-wrapper:nth-of-type(2){grid-column:3/span 2}@media screen and (max-width:55rem){.bearing-search-container .range-wrapper:nth-of-type(2){grid-column:1;grid-row:3}}.bearing-search-container .range-wrapper:nth-of-type(3){grid-column:5/span 2}@media screen and (max-width:55rem){.bearing-search-container .range-wrapper:nth-of-type(3){grid-column:1;grid-row:4}}.bearing-search-container .two-col-wrapper{margin-bottom:1rem;grid-row:3}.bearing-search-container .two-col-wrapper:nth-of-type(4){grid-column:1/span 3}@media screen and (max-width:55rem){.bearing-search-container .two-col-wrapper:nth-of-type(4){grid-column:1;grid-row:5}}.bearing-search-container .two-col-wrapper:nth-of-type(5){grid-column:4/span 3}@media screen and (max-width:55rem){.bearing-search-container .two-col-wrapper:nth-of-type(5){grid-column:1;grid-row:6}}.bearing-search-container .one-col-wrapper{grid-row:1;grid-column:1/span 4}.bearing-search-container .one-col-wrapper .base-input-wrapper .base-input-title{display:none}@media screen and (max-width:55rem){.bearing-search-container .one-col-wrapper{grid-column:-1/1}}@media screen and (max-width:55rem){.bearing-search-container .range-wrapper .range-inner{justify-content:stretch}.bearing-search-container .range-wrapper .range-inner .range-from,.bearing-search-container .range-wrapper .range-inner .range-to{width:100%}}@media screen and (max-width:64rem){.bearing-search-container .base-input-wrapper .base-input{font-size:1rem;padding:1rem}.bearing-search-container .dropdown-button{font-size:1rem}}.results{grid-column:1/span 6;width:100%;flex-grow:1;display:flex;flex-direction:column;overflow:hidden;margin-top:3rem}.results ul{padding-left:0}.results .result-header{flex-shrink:0;margin:0;border-bottom:1px solid #002a3c}.results .result-header .grouping{color:#0089c6}.results .result-header .group_desc{width:13%;flex:13%;border-right:1px solid #002a3c;flex-grow:1}@media screen and (max-width:55rem){.results .result-header .group_desc{width:20.5%;flex:20.5%}}@media screen and (max-width:35rem){.results .result-header .group_desc{width:25%;flex:25%}}.results .result-header .group_measurement{width:25.5%;flex:25.5%;border-right:1px solid #002a3c}@media screen and (max-width:55rem){.results .result-header .group_measurement{width:48%;flex:48%}}@media screen and (max-width:35rem){.results .result-header .group_measurement{width:75%;flex:75%}}.results .result-header .group_more{width:61.5%;flex:61.5%}@media screen and (max-width:55rem){.results .result-header .group_more{width:31.5%;flex:31.5%}}@media screen and (max-width:35rem){.results .result-header .group_more{display:none}}.results .result-list{position:relative;max-height:100%;box-sizing:border-box;width:100%;margin:0;flex-grow:1;overflow:auto;margin-bottom:2rem;font-feature-settings:"lnum"}.results .result-list::-webkit-scrollbar{width:.75rem}.results .result-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1rem}.results .result-list::-webkit-scrollbar-thumb{background:#002a3c;border-radius:1rem;border:1px solid #fff}.results .result-list::-webkit-scrollbar-thumb:hover{background:#0089c6}.results a{text-decoration:none!important;color:initial}.results a:nth-of-type(2n-1) li{background:#e5f3f9}.results li{color:#002a3c;list-style:none;display:flex;flex-direction:row;letter-spacing:1px}.results li.no-entries{font-weight:600;justify-content:center;margin-top:2rem}.results li>span{padding-top:.5rem;padding-bottom:.5rem}.results li.header{font-size:1rem;font-weight:600}.results li.header>span{padding-bottom:1rem}.results li.header.grouping{font-size:1.75rem}.results li.header.grouping>span{padding-bottom:2rem}.results li.row{font-size:1rem;transition:all .25s;margin:0;padding-left:1px}@media screen and (max-width:26rem){.results li.row{font-size:1rem}}.results li.row.spin-wrapper{align-items:center;justify-content:center;pointer-events:none}.results li.row:hover{cursor:pointer;color:#fff;background:#002a3c;font-weight:700}.results li .sugg_desc{width:13%;flex:13%;flex-grow:1}@media screen and (max-width:35rem){.results li .sugg_desc{width:25%;flex:25%}}.results li .sugg_desc span.name{max-width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.results li .sugg_B,.results li .sugg_d,.results li .sugg_D{width:8.5%;flex:8.5%}@media screen and (max-width:35rem){.results li .sugg_B,.results li .sugg_d,.results li .sugg_D{width:25%;flex:25%}}.results li .sugg_flange,.results li .sugg_stainless{width:6.5%;flex:6.5%}@media screen and (max-width:55rem){.results li .sugg_flange,.results li .sugg_stainless{display:none}}.results li .sugg_seal{width:24.5%;flex:24.5%}@media screen and (max-width:55rem){.results li .sugg_seal{display:none}}.results li .sugg_group{width:24%;flex:24%}@media screen and (max-width:35rem){.results li .sugg_group{display:none}}.results li .sugg_B,.results li .sugg_desc{border-right:1px solid #002a3c}.results .result-list span{border-right:1px dashed #002a3c}.results .result-list .row span:last-child{border-right:none}.results .result-list a:first-child .row span{padding-top:1.5rem}.results .sort{height:1.25rem;transform:translateY(.5rem);width:1rem;display:inline-block;position:relative;margin-left:1rem}.results .sort.disabled{display:none}.results .sort:before{content:"";display:block;background:rgba(0,42,60,.1);height:2rem;width:2rem;border-radius:100%;top:-.5rem;left:-.5rem;position:absolute;opacity:0;transition:color .5s}.results .sort:hover:before{opacity:1}.results .sort .asc-button,.results .sort .desc-button{width:0;height:0;border-left:.33rem solid transparent;border-right:.33rem solid transparent;position:absolute;left:0;right:0;margin:auto;opacity:.5;cursor:pointer}.results .sort .asc-button{border-bottom:.45rem solid #002a3c;top:0}.results .sort .desc-button{border-top:.45rem solid #002a3c;top:.5rem}.results .sort.active .active{opacity:1}.search-fulltext .results{grid-row:3/span 3}.search-attrib .results{grid-row:4}@media screen and (max-width:55rem){.search-attrib .results{grid-column:1;grid-row:7}}.pagination{display:flex;justify-content:center;flex-wrap:wrap;row-gap:10px}.pagination li{border:1px solid #002a3c;padding:.5rem;margin-right:.5rem;margin-bottom:0;font-weight:700;cursor:pointer;width:2.25rem;justify-content:center}.pagination li.active,.pagination li:hover{background:#002a3c;color:#fff}.pagination li.active{cursor:default}.pagination li.inactive{opacity:.5;pointer-events:none}.st0{fill:#009fe3}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{font-size:8rem;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.spinner,.spinner svg{width:1em;height:1em}[data-pretitle]{position:relative}[data-pretitle]:before{content:attr(data-pretitle);position:absolute;color:#002a3c;top:-1.5rem;font-weight:600}*{font-family:Raleway,sans-serif}sub{transform:translateY(.3rem)}#app{font-family:Raleway,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.container{max-width:1723px;margin:auto}.flex-center{flex-direction:column}.box-grid,.flex-center{display:flex;align-items:center}.box-grid{width:100%;flex-wrap:wrap;justify-content:center}h1,h2{color:#0089c6;font-size:3.1875rem;font-weight:300;margin-bottom:2rem}@media screen and (max-width:26rem){h1{font-size:1.75rem}}h2{font-size:2.25rem}@media screen and (max-width:26rem){h2{font-size:1.5rem}}.description{font-size:20px;font-weight:700}.selectBox{max-width:20rem;margin-top:3rem;display:flex;flex-direction:column;align-items:center}.selectBox span{font-weight:22px}.selectBox button{margin-top:2rem;transform:scale(1.25)}.errorMessage{font-size:1.25rem}.spin-wrapper{display:flex}.sbn-logo{margin-bottom:3rem;align-self:start;text-decoration:none}.sbn-logo,.sbn-logo img{height:5rem}.sbn-logo span{display:block;text-align:left;margin-top:1.5rem;color:#000}.sbn-logo span:before{content:"<";padding-right:1rem}
/*# sourceMappingURL=app.bcbc229a.css.map */