#Viewer{padding:16px 12px;clear:both;border-radius:5px;background-color:#f0f0f0}
#comp2{padding:0 35px 0 35px}
.comparison-view{display:inline-flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:50px;gap:15px}
@media(max-width:1200px){.comparison-view{width:100%}
#Viewer{margin-top:40px}
}
.comparison-view img{max-width:300px;max-height:300px;width:100%;height:100%;object-fit:cover}
.tirewrap{position:relative}
.tyre-circumference{position:absolute;bottom:5px;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:14.4px;text-align:left}
@media(max-width:767px){.tyre-circumference{font-size:10px}
}
#visarrow2{right:0;-webkit-transform:rotate(-43deg);transform:rotate(-43deg)}
#visarrow1{left:0;-webkit-transform:rotate(43deg);transform:rotate(43deg)}
.round-arrow-img-wrap{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s;z-index:2;border-radius:100%}
#a1.round-arrow-img-wrap img{width:48.14px;height:49.06px;top:72%}
#a1.round-arrow-img-wrap .tyre-circumference{position:absolute;top:92%}
#a2.round-arrow-img-wrap img{position:absolute;width:48.14px;height:49.06px;top:73%;left:73%}
#a2.round-arrow-img-wrap .tyre-circumference{position:absolute;top:92%;left:84%}
.round-arrow-img-wrap::before{content:attr(data-index);position:absolute;top:0;left:0;width:100%;height:100%;font-size:22px;display:flex;align-items:center;justify-content:center;font-family:Poppins-SemiBold,sans-serif;font-weight:600;color:#fff;counter-increment:tyre;z-index:99;font-style:italic}
.round-arrow-img{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s;z-index:2}
.rim-img{width:100%;height:100%;position:static;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s;z-index:2;border-radius:100%}
.side-view-wrap{width:185px;height:185px;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s;border-radius:100%;overflow:hidden;background:radial-gradient(circle,rgba(0,0,0,1) 0,rgba(127,129,132,1) 100%)}
@media(max-width:1200px){.side-view-wrap{width:100%;height:100%}
}
.rim-img-wrap{width:70%;height:70%;position:absolute;inset:50%;translate:-50% -50%;-webkit-transition:width 1s,height 1s,top 1s,left 1s;transition:width 1s,height 1s,top 1s,left 1s;background:#f0f0f0;border-radius:100%}
.side-rim-width-wrap-1{border:1px solid #a0a0a0}
.side-rim-width-wrap-2{border:1px solid #f1a400}
.side-rim-width-wrap{border-bottom:0;position:absolute;right:50%;top:-15px;height:100px;width:70%;text-align:center;z-index:2;-webkit-transition:all 1s;transition:all 1s;translate:50% 0}
.side-rim-width{padding:0 5px 0 5px;background-color:#f0f0f0;width:max-content;margin:-6px auto 0 auto;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:14.4px;text-align:left}
@media(max-width:767px){.side-rim-width{font-size:10px}
}
.side-wall-thickness-wrap{position:absolute;bottom:2px;height:25px;width:80px;text-align:left;z-index:2;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}
.side-wall-thickness-wrap-1{border:1px solid #a0a0a0;border-left:0;right:10px}
.side-wall-thickness-wrap-2{border:1px solid #f1a400;border-right:0;left:10px}
.side-wall-thickness{background-color:#f0f0f0;height:max-content;display:inline-block;-webkit-transition:margin 1s;transition:margin 1s;position:absolute;top:45%;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:14.4px;text-align:left}
@media(max-width:767px){.side-wall-thickness{font-size:10px}
}
.side-wall-thickness-1{right:0;translate:44%}
.side-wall-thickness-2{left:0;translate:-45%}
.rev-info{position:absolute;left:0;padding-top:15px;text-align:center;width:100%;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:14.4px;text-align:center}
@media(max-width:767px){.rev-info{font-size:10px}
}
.front-img-wrap{width:63px;height:185px;position:relative;display:inline-block;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}
.front-img-wrap::before{content:attr(data-index);position:absolute;top:0;left:0;width:100%;height:100%;font-size:22px;display:flex;align-items:center;justify-content:center;font-family:Poppins-SemiBold,sans-serif;font-weight:600;color:#fff;counter-increment:tyre;z-index:99;font-style:italic}
@media(max-width:1200px){.front-img-wrap{height:130px;width:auto}
}
#tc2{overflow:hidden}
.front-width-wrap{border-top:0;position:absolute;bottom:-15px;height:12px;width:98%;text-align:center;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}
#ttwidth1{border:1px solid #a0a0a0;border-block-start:none}
#ttwidth2{border:1px solid #f1a400;border-block-start:none}
.front-width{padding:0 5px 0 5px;background-color:#f0f0f0;display:inline-block;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:14.4px;text-align:left}
@media(max-width:767px){.front-width{font-size:10px}
}
.front-height-wrap{position:absolute;top:0;height:97%;width:15px;text-align:center;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}
#ttheight1{border:1px solid #a0a0a0;border-right:0;left:-20px}
#ttheight2{border:1px solid #f1a400;border-left:0;right:-20px}
.front-height{padding:5px 0 8px 0;background-color:#f0f0f0;display:inline-block;-webkit-transition:margin 1s;transition:margin 1s;position:absolute;top:50%;translate:0 -50%;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:14.4px;text-align:left}
@media(max-width:767px){.front-height{font-size:10px}
}
#visheight1{left:-50%}
#visheight2{right:-50%}
@media(max-width:1200px){.tyre-size-comparison{padding:0 16px}
}
.shop-tyre-container{border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;max-width:1020px;margin:0 auto}
.tabs{display:flex;justify-content:flex-start;background-color:#ecece6;border-bottom:2px solid #e0e0e0;padding:16px;gap:16px}
@media(max-width:1200px){.tabs{display:block}
}
.tab{padding:8px 25px;color:#333;cursor:pointer;border:0;background-color:transparent;border-radius:40px;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;text-align:center;background:#fff}
@media(max-width:1200px){.tab{padding:8px 20px;margin-right:8px;margin-top:9px}
}
.tab.active{background-color:#333;color:white}
.form-section{display:none;padding:20.5px 24px;border-radius:5px;position:relative}
@media(max-width:1200px){.form-section{padding:24px}
}
.form-section.active{display:block}
.form-row{display:flex;align-items:flex-start;gap:15px}
@media(max-width:1200px){.form-row{flex-direction:column;align-items:center}
}
.form-row-tyre-size{display:flex;align-items:flex-start;justify-content:space-between}
@media(max-width:1200px){.form-row-tyre-size{flex-direction:column;align-items:center}
}
.form-image{position:relative;width:300px;border-radius:5px;background:#ecece6;padding:13px 33px;text-align:center}
@media(max-width:1200px){.form-image{margin-top:72px}
}
.tyre-image{height:102px;width:175px}
.tyre-diameter{width:138px;height:139.14px}
.line-image{position:absolute;right:69px;top:50%;transform:translateY(-50%);height:80%}
.tyre-diameter{width:138px;height:139.14px}
.custom-dropdown{flex:1;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;font-family:Poppins,sans-serif;color:#b8b8b8;background-color:#fff;background-image:url('../../../../../../../content/dam/ceat/tyre-visualizer/compatibillty/dropdown.svg');background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}
.custom-dropdown:disabled{opacity:.5;pointer-events:none;cursor:not-allowed}
.custom-dropdown-diameter{width:286px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;font-family:Poppins,sans-serif;color:#b8b8b8;background-color:#fff;background-image:url('../../../../../../../content/dam/ceat/tyre-visualizer/compatibillty/dropdown.svg');background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}
@media(max-width:1200px){.custom-dropdown-diameter{width:100%}
}
@media(max-width:1200px){.custom-dropdown{width:100%}
}
.buttons{display:flex;gap:12px;position:absolute;bottom:25px}
@media(max-width:1200px){.buttons{left:0;bottom:169px;width:100%;display:flex;justify-content:center;align-items:center}
}
.tyre-diameter-buttons{display:flex;gap:12px;position:absolute;bottom:51px}
@media(max-width:1200px){.tyre-diameter-buttons{bottom:189px;left:0;width:100%;display:flex;justify-content:center;align-items:center}
}
.tyre-desc-buttons{display:flex;gap:12px;margin-top:16px}
@media(max-width:1200px){.tyre-desc-buttons{align-items:center;justify-content:center}
}
.buttons .vehicle-tire-search,.buttons .tyre-size-search,.tyre-desc-buttons .vehicle-tire-search,.tyre-diameter-buttons .vehicle-tire-search{background-color:#333;color:#fff;border-radius:30px;padding:9px 39px;cursor:pointer;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:21.7px;text-align:left;border:0}
.buttons .vehicle-data-clear,.buttons .tyresize-data-clear,.tyre-desc-buttons .vehicle-data-clear,.tyre-desc-buttons .tyresize-data-clear,.tyre-diameter-buttons .vehicle-data-clear,.tyre-diameter-buttons .tyresize-data-clear{background-color:#fff;color:#333;border:1px solid #ccc;border-radius:30px;padding:9px 39px;cursor:pointer;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:21.7px;text-align:center;width:133px}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0}
.form-title{display:flex;flex-direction:column;flex:1;max-width:calc(25% - 12px)}
@media(max-width:1200px){.breadcrumbs .breadcrumb{margin-block:16px}
.breadcrumbs .breadcrumb .container{margin-inline:20px}
.breadcrumbs .breadcrumb .list .item a{font-family:"Poppins-Regular"}
.form-title{display:flex;flex-direction:column;width:100%;max-width:100%;flex:none}
}
.form-title-text{font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#888;padding-bottom:6px}
.form-diameter-image{position:relative;display:flex;gap:8px;text-align:center}
@media(max-width:1200px){.form-diameter-image{margin-top:72px}
}
.tyre-diameter-value{display:flex;justify-content:center;align-items:center}
.tyre-comparison-container{display:flex;flex-direction:row;justify-content:space-between;max-width:1032px;margin:0 auto;position:relative;background:#f7f7f7;padding:20px 20px 10px 20px;border-radius:5px}
.tyre-comparison-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f7f7f7;border-radius:8px;z-index:-1;margin:0 120px}
.tyre-size-visualizer{padding-top:80px}
@media(max-width:1200px){.tyre-size-visualizer{padding-top:48px}
}
.tyre-comparison{padding-top:80px}
@media(max-width:1200px){.tyre-comparison{padding-top:48px}
}
@media(max-width:1200px){.tyre-comparison-container{padding:20px;border-radius:3px;flex-direction:column}
}
.tyre-comparison h2{position:relative;font-family:Poppins-Regular,sans-serif;font-size:32px;font-weight:400;padding-bottom:24px;line-height:38.4px;letter-spacing:-0.01em;text-align:left;text-decoration:none;margin:0 auto;max-width:1020px;padding-bottom:24px;margin-bottom:20px}
@media(max-width:1200px){.tyre-comparison h2{font-size:26px;line-height:31.2px;margin-bottom:18px}
}
.tyre-comparison h2::after{left:0;width:120px;height:6px;content:'';position:absolute;bottom:0;background-color:orange}
@media(max-width:1200px){.tyre-comparison h2::after{width:63px;height:3px}
}
.calculator{width:29.5%;padding:0 15px 15px 5px}
.calculator .error-msg{text-align:left;padding-top:8px;padding-left:55px}
@media(max-width:1200px){.calculator{padding:0;width:100%}
}
.visualizer{width:80%}
.visualizer-data{background-color:#f0f0f0;padding:11px 14px;border-radius:5px}
@media(max-width:1200px){.visualizer{width:100%}
}
.input-row{gap:3px;margin-bottom:23px;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:15.6px;text-align:center;color:#333}
@media(max-width:1200px){.input-row{margin-bottom:24px}
}
.input-row input{width:23%;padding:5px;border:1px solid #ccc;border-radius:3px;text-align:center;font-family:Poppins-Medium,sans-serif;font-size:12px;font-weight:500;line-height:15.6px;text-align:center;height:40px}
@media(max-width:1200px){.input-row input{width:25%}
}
.tyreSize1{font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#333;padding-right:14px}
@media(max-width:1200px){.tyreSize1{padding-right:7px}
}
.tyreComparison-btn{display:flex;gap:12px;margin-bottom:62px}
@media(max-width:1200px){.tyreComparison-btn{align-items:center;justify-content:center;margin-bottom:50px}
}
.tyre-btn{display:block;padding:10px;background-color:#333;color:#fff;border:0;cursor:pointer;padding:9px 30px;gap:10px;border-radius:30px;opacity:.5px;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:21.7px;width:132px}
.tyre-btn.clear-btn{background-color:#333;color:#f7f7f7;border:1px solid #333;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:21.7px}
.toggle-btns{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tyreComparison-measurements{font-family:Poppins-Bold,sans-serif;font-size:14px;font-weight:700;line-height:21px;letter-spacing:-0.20000000298023224px;text-align:left}
.tyrevisualizer-measurements{font-family:Poppins-Bold,sans-serif;font-size:14px;font-weight:700;line-height:21px;letter-spacing:-0.20000000298023224px;text-align:left;margin-bottom:38px}
.toggle-buttons{display:flex}
.toggle-button{padding:6px 12px;font-size:14px;border:1px solid #ccc;background-color:white;cursor:pointer;border-radius:40px 0 0 40px;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:14px;text-align:center;width:54px}
.toggle-button-mm{padding:6px 12px;font-size:14px;border:1px solid #ccc;background-color:white;cursor:pointer;border-radius:0 40px 40px 0;font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:14px;text-align:center;cursor:not-allowed}
.toggle-button-in{cursor:not-allowed}
.toggle-button.active,.toggle-button-mm.active{background-color:#000;color:white}
.comparison-table{width:100%;border-collapse:collapse;text-align:left;margin-top:10px}
.comparison-table th,.comparison-table td{padding:8px;color:#333}
.comparison-table td{font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:14.4px;text-align:left}
.comparison-table th{text-align:center;font-weight:bold;font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#333}
.comparison-table thead th:first-child{text-align:left}
.comparison-table tbody td:first-child{background-color:#f7f7f7;width:106px}
@media(max-width:1200px){.comparison-table tbody td:first-child{width:124px}
}
.comparison-table tbody td:nth-child(2){border-radius:3px;border-left:1px solid#d4d4d4}
.comparison-table tbody td:nth-child(2),.comparison-table tbody td:nth-child(3),.comparison-table thead th:nth-child(2),.comparison-table thead th:nth-child(3){text-align:center !important}
@media(min-width:768px) and (max-width:1200px){.comparison-table tbody tr:first-child td:nth-child(2),.comparison-table tbody tr:first-child td:nth-child(3){width:135px !important}
}
.comparison-table thead th:nth-child(2){background-color:#fff;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4}
.comparison-table thead th:nth-child(3){background-color:#fff;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4}
.comparison-table tbody tr:last-child td:nth-child(2),.comparison-table tbody tr:last-child td:nth-child(3){border-bottom:1px solid #d4d4d4}
.comparison-table tbody td:nth-child(3){border-right:1px solid#d4d4d4}
.speedometer-error{margin-top:31px}
.speedometer-error h4{text-align:left;font-family:Poppins-Bold,sans-serif;font-size:14px;font-weight:700;line-height:21px;letter-spacing:-0.2px;padding-bottom:15px}
.tyre-card h4{text-align:center;font-family:Poppins-Bold,sans-serif;font-size:18px;font-weight:700;line-height:21px;letter-spacing:-0.2px;padding-bottom:15px}
.speedometer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin-top:10px;width:635px}
.speed-box{display:flex;flex-direction:column;align-items:center}
.speed-label{font-family:Poppins-Medium,sans-serif;font-size:10px;font-weight:500;text-align:center;margin-bottom:6px}
.speed-value{width:74px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #d4d4d4;font-family:Poppins-Medium,sans-serif;font-size:10px;font-weight:500;background-color:#fff}
@media(max-width:600px){.speedometer-container{width:unset;grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}
.speed-label{font-size:9px}
.speed-value{width:50px;height:25px;font-size:9px}
}
.tyre-upsize h2{position:relative;font-family:Poppins-Regular,sans-serif;font-size:32px;font-weight:400;padding-bottom:24px;line-height:38.4px;letter-spacing:-0.01em;text-align:left;text-decoration:none;margin:0 auto;max-width:1020px;margin-bottom:20px;padding:80px 0 24px 0}
@media(max-width:1200px){.tyre-upsize h2{padding-top:48px;font-size:26px;line-height:31.2px;margin-bottom:18px}
}
.tyre-upsize h2::after{content:'';position:absolute;bottom:0;left:0;width:120px;height:6px;background-color:orange}
@media(max-width:1200px){.tyre-upsize h2::after{left:0;width:63px;height:3px}
}
.tyre-upsize-container{display:flex;justify-content:space-between;align-items:center;position:relative;border-radius:10px;max-width:1020px;margin:0 auto;margin-top:30px}
@media(max-width:1200px){.tyre-upsize-container{flex-direction:column;padding:20px 16px;height:392px}
}
@media(min-width:768px) and (max-width:1200px){.tyre-upsize-container{flex-direction:row !important;padding:20px 16px;height:392px}
}
.dsp-n{display:none}
.tyre-upsize-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;border-radius:8px;z-index:-1;border:1px solid #cacaca}
@media(max-width:1200px){}
.tyre-card{display:flex;flex-direction:row;align-items:center;text-align:center;width:50%;padding:20px 50px}
@media(max-width:1200px){.tyre-card{width:100%;padding:0 16px}
}
.tyre-card img{width:173.68px;height:188px}
@media(max-width:1200px){.tyre-card img{width:127.73px;height:138.26px}
}
.tyre-card .status{text-align:left;padding-left:15px}
.tyre-card .status span{font-family:Poppins-Bold,sans-serif;font-size:12px;font-weight:700;line-height:18px;text-align:left}
.tyre-card .status .check{color:green;font-size:20px}
.tyre-card .status .cross{color:red;font-size:20px}
.tyre-details{font-size:14px;color:#555}
.tyre-details .fit-text{font-weight:bold}
.tyre-details .not-fit{color:red}
.status img{width:34px;height:34px}
.status .tyre-size{font-family:Poppins-SemiBold,sans-serif;font-size:14px;font-weight:600;line-height:18.2px;text-align:left}
@media(max-width:1200px){.status .tyre-size{font-size:12px;line-height:15.6px}
}
.status .tyre-details{font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:18px;text-align:left}
.select2-container--default .select2-selection--single{background-image:url('../../../../../../../content/dam/ceat/tyre-visualizer/compatibillty/dropdown.svg');background-repeat:no-repeat;background-position:right 10px center;background-size:11px 7px;padding-right:30px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-family:Poppins-Medium,sans-serif;font-size:14px;font-weight:500;line-height:18.2px !important;text-align:left;color:#b8b8b8}
.form-title:not(.disabled) .select2-selection--single .select2-selection__rendered{color:#000}
.select2-container--default .select2-selection--single{display:flex !important;align-items:center !important;padding:15px !important;height:40px}
@media(max-width:1200px){.select2-container--default .select2-selection--single{width:unset}
}
.shop-tires{display:flex;align-items:center;font-family:Poppins-Regular,sans-serif;font-size:14px;font-weight:400;line-height:21px;letter-spacing:-0.20000000298023224px;text-align:left;color:#333}
@media(max-width:1200px){.shop-tires{line-height:1}
}
#comparisonResults{background-color:white}
.tire-size-visualizer-title{font-family:Poppins-Bold,sans-serif;font-size:14px;font-weight:700;line-height:21px;letter-spacing:-0.20000000298023224px;text-align:left;color:#333}
.comparison-details{font-family:Poppins-Regular,sans-serif;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#333}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.search-btn:disabled{opacity:.5;cursor:not-allowed}
.will-fit,.will-fit-right{font-family:Poppins-Bold,sans-serif;font-size:12px;font-weight:700;line-height:18px;text-align:left;color:#27ae60}
.front-view-img,.side-view-img,.rim-img{transition:all 5s ease-in-out}
.visualizer-alignment{display:flex;align-items:center;justify-content:center}
@media(max-width:1200px){.visualizer-alignment{display:block}
}
#compareBtn:disabled{background-color:grey;cursor:not-allowed}
#clearBtn:disabled{background-color:grey;cursor:not-allowed;border:1px solid grey}