#bookingReactRender{width:100%;height:100%}.mr-2{margin-right:12px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.ml-2{margin-left:12px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.mt-2{margin-top:12px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.type-xs{font-size:12px;line-height:16px;max-width:400px}input:disabled{cursor:not-allowed}.primary-button{background-color:#ffcf25;color:#000;border:none;padding:16px 24px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;min-width:112px}.primary-button:hover{background-color:#fcd64b;color:#000}.black-button{background-color:#000;color:#fff;border:none;padding:12px 24px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;min-width:112px}.black-button:hover{background-color:#333;color:#fff}.neutral-button{background-color:#f4f5f5;color:#000;border:none;padding:16px 24px;border-radius:3px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;min-width:112px}.neutral-button:hover{background-color:#e9e9e9;color:#000}.box-footer{display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #f5f5f5;padding-top:16px}.check-bg{background:red}.white-box{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;display:inline-block;margin-top:32px}.radio-container{margin-top:10px;margin-bottom:10px;display:flex;flex-flow:row;align-items:center}.radio-container label{margin-left:10px;cursor:pointer;font-size:16px;font-weight:400}.radio-container input[type=radio]{cursor:pointer}.form-section{margin-bottom:16px}.form-section h3{font-size:16px;font-weight:600}.textinput-container,.selectInput-container{display:flex;flex-direction:column;margin-bottom:16px}.selectInput-container select{width:100%;background-repeat:no-repeat;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-position-x:100%;background-position-y:5px;padding:5px}.textinput-container label,.selectInput-container label{margin-bottom:8px}.textinput-container input,.selectInput-container select{padding:16px;border:1px solid #e2e2e2;border-radius:3px;background:#fff;font-size:16px}.textinput-container input.small{width:160px}.error-text{color:#e73651;font-size:14px;margin-top:8px;font-weight:600}.single-tire{min-height:450px;height:100%;border-radius:3px;background:#fff;transition:all .1s ease;box-shadow:0 10px 20px -8px #2b2b2b1a;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:30px 2fr .5fr}.single-tire .type-xs{justify-self:center;align-self:center}.single-tire h3{font-size:16px;line-height:24px;font-weight:400;font-family:Segoe ui,sans-serif;margin:0}.single-tire h2{font-size:20px;font-weight:600;margin:8px 0 0}.single-tire .content{padding:12px;display:flex;flex-flow:column;justify-content:flex-end}.single-tire button{margin-top:32px;width:100%}.single-tire .slider-container{position:relative;overflow:hidden;width:100%;height:100%}.single-tire .slider{display:flex;height:100%;will-change:transform}.single-tire .slide{min-width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;margin-left:0;margin-right:0;position:relative}.single-tire .slide a{display:block}.single-tire .arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:20px;cursor:pointer;z-index:1}.single-tire .arrow.left{left:2px;width:40px;height:40px}.single-tire .arrow.right{right:2px;width:40px;height:40px}.single-tire .arrow:hover{background-color:#000c}.single-tire .images-container{height:300px;width:100%}.single-tire .basic-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.single-tire .basic-image.placeholder{opacity:.1}.single-tire .tire-photo{background-size:70%}.epral-small-image-container{position:absolute;top:280px;right:0;height:50px;width:200px;z-index:2;transition:all .3s;opacity:1;background:#fff;padding:8px;border-top-left-radius:4px;border-bottom-left-radius:4px}.epral-small-image-container.hide{opacity:0}.single-tire .epral-small-image{width:100%;height:30px;background-size:contain;background-repeat:no-repeat;background-position:bottom right}.epral-link{width:60px;height:60px;display:inline-block;position:absolute;top:0;right:0}.around-all-tires{position:relative}.scroll-to-item{position:absolute;top:-150px;left:0}.single-tire .ribbon.summer{background:#ffdf0c}.plus-and-minus-container{display:flex;border:1px solid #e2e2e2;width:100px;border-radius:4px;overflow:hidden}.plus-and-minus-container button{background:#fff;border:none;padding:8px;cursor:pointer;transition:all .3s;width:30px;border:0}.plus-and-minus-container button:hover{background:#e9e9e9}.plus-and-minus-container button:disabled{background:#f5f5f5;cursor:not-allowed}.plus-and-minus-container button:disabled:hover{background:#f5f5f5}.plus-and-minus-container input{padding:8px;border-radius:3px;background:#fff;font-size:16px;text-align:center;width:40px;border:0}.tires-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:24px;grid-auto-rows:min-content;align-items:start;height:100%;margin-top:24px;grid-auto-rows:1fr}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.2s;-webkit-animation-delay:.2s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeInFaster{-webkit-animation-name:fadeInFaster;animation-name:fadeInFaster;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:.2s;-webkit-animation-delay:.2s}@-webkit-keyframes fadeInFaster{0%{opacity:0}to{opacity:1}}@keyframes fadeInFaster{0%{opacity:0}to{opacity:1}}.fade-out-left{-webkit-animation:fade-out-left .7s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out-left .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(-50px);transform:translate(-50px);opacity:0}}.fade-out-right{-webkit-animation:fade-out-right .7s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out-right .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translate(0);opacity:1}to{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}}.fade-in-right{-webkit-animation:fade-in-right .7s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-right .7s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}.filter-container{display:flex;flex-flow:row;margin-bottom:16px;margin-left:auto;margin-right:auto;border-radius:4px;width:100%}.filter-container .row{display:flex;flex-flow:row;justify-content:flex-start;align-items:center;margin-top:12px;width:100%;flex-wrap:wrap}.filter-container .row .form-field{display:flex;flex-flow:column;margin-left:12px}.filter-container .row .form-field:first-child{margin-left:0}.filter-container .row .form-field label{margin-bottom:8px;font-size:16px}.filter-container .row .form-field select{border:1px solid #e2e2e2;border-radius:3px;background:#fff;font-size:14px;width:120px;height:40px;padding-left:8px}.filter-container .row .form-field button{height:40px;width:120px;margin-top:26px;background:#ffcf25;color:#000}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animated-background{animation-duration:1.25s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#a9a9a9;background:linear-gradient(to right,#eee 10%,#f2f2f2 18%,#eee 33%);background-size:800px 104px;height:100%;width:100%;position:relative;border-radius:2px}.loading-row{display:flex;flex-flow:row;gap:16px}.loading-input-field{height:40px;margin-top:40px;width:100px;background:#fff}.loading-tire-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:24px}.loading-tire{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;background:#fff;transition:all .1s ease;position:relative;min-height:400px;border-radius:4px;overflow:hidden}.navigation-container{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:16px}.black-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:24px;border-radius:4px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px;position:relative}.modal .close-button{position:absolute;top:4px;right:4px;background:none;border:none;padding:8px;cursor:pointer}@media screen and (max-width: 1600px){.tires-container{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media screen and (max-width: 1400px){.tires-container{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width: 1200px){.tires-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1000px){.tires-container{grid-template-columns:1fr 1fr}}@media screen and (max-width: 800px){.tires-container{grid-template-columns:1fr}}@media screen and (max-width: 1100px){.filter-container .row .form-field{width:30%}.filter-container .row .form-field:first-child,.filter-container .row .form-field{margin-left:0}.filter-container .row .form-field:nth-child(4),.filter-container .row .form-field:nth-child(5),.filter-container .row .form-field:nth-child(6){margin-top:24px}}@media screen and (max-width: 450px){.filter-container .row .form-field{width:100%}.filter-container .row .form-field,.filter-container .row .form-field:nth-child(4),.filter-container .row .form-field:nth-child(5),.filter-container .row .form-field:nth-child(6){margin-top:12px}.filter-container .row .form-field:nth-child(1){margin-top:0}.filter-container .row .form-field select{width:100%}.filter-container .row .form-field button{width:100%;margin-top:8px}}
