.coder-compare-checkbox{position:relative;z-index:9999;width:100%;display:block;margin: 5px 0;text-align: inherit;}
.coder-compare-checkbox input{position:absolute;top:0;left:0;opacity:0;visibility:hidden;vertical-align:middle;margin:5px;width:14px;height:14px;min-height:auto;min-width:auto;display:inline-block}
.coder-compare-checkbox span{color:#000;vertical-align:middle;margin-top:-1px;position:relative;font-size:13px;line-height:20px;display:inline-block;padding-left:23px;text-transform:uppercase;cursor:pointer}
.coder-compare-checkbox span:before{content:'';position:absolute;border:1px solid #101010;border-radius:3px;top:1px;left:0;width:16px;height:16px}
.coder-compare-checkbox input:checked~span:before{background:#101010}
.coder-compare-checkbox input:checked~span:after{content:'';height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;transform:rotate(-45deg);width:10px;top:5px;left:3px}

.coder-comparable-radio{position:relative;z-index:9;width:100%;display:block}
.coder-comparable-radio input{position:absolute;top:0;left:0;opacity:0;visibility:hidden;vertical-align:middle;margin:5px;width:14px;height:14px;min-height:auto;min-width:auto;display:inline-block}
.coder-comparable-radio span{color:#fff;vertical-align:middle;margin-top:-1px;position:relative;font-size:12px;line-height:18px;display:inline-block;padding-left:20px;text-transform:uppercase;cursor:pointer}
.coder-comparable-radio input:checked~span:after{content:'';height:8px;position:absolute;transform:rotate(-45deg);width:8px;top:5px;left:3px;border-radius:50%;background:#000}
.coder-comparable-radio span:before{content:'';position:absolute;border:1px solid #101010;border-radius:50%;top:2px;left:0;width:14px;height:14px;background:#fff}

.coder-compareder-compare i {display: none;cursor: pointer;}

.coder-comparable-button, .coder-comparable-button * {font-family: 'Poppins', sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.coder-comparable-button:focus, .coder-comparable-button *:focus {outline: none;}
.coder-comparable-button {position: fixed;bottom: 50%;padding: 10px 7px;color: #ffffff;background: black;border: 1px solid black;box-shadow: 0 1px 6px rgba(27, 27, 27, 0.2);cursor: pointer;transition: all 0.7s ease 0.3s;z-index: 999999997;}
.coder-comparable-button.coder-comparable-button-left{left: -100%;border-left: 0;border-radius: 0 7px 7px 0;transform: translateY(50%);}
.coder-comparable-button.coder-comparable-button-right{right: -100%;border-right: 0;border-radius: 7px 0 0 7px;transform: translateY(50%);}
.coder-comparable-button svg {width: 24px;display: block;fill: #fff;}
.coder-comparable-button-text {font-size: 14px;line-height: 1.2;margin: 0 3px 5px;-webkit-writing-mode: tb;-ms-writing-mode: tb;display: table;writing-mode: tb;-ms-transform: rotateY(180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);}
.coder-comparable-count{position:absolute;vertical-align:middle;text-align:center;font-size:14px;line-height:14px;border-radius:50%;width:24px;height:24px;background-color:#000;color:#fff;top:-14px;padding:5px;-webkit-box-shadow:0 0 5px 2px rgb(162 162 162);-moz-box-shadow:0 0 5px 2px rgba(162 162 162,1);box-shadow:0 0 5px 2px rgb(162 162 162)}
.coder-comparable-button.coder-comparable-button-left.coder-comparable-button-showed {left: 0;}
.coder-comparable-button.coder-comparable-button-right.coder-comparable-button-showed {right: 0;}
.coder-comparable-button.coder-comparable-button-left .coder-comparable-count {right: -14px;}
.coder-comparable-button.coder-comparable-button-right .coder-comparable-count {left: -14px;}

.coder-compare-button {white-space: normal;border-radius: 3px;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;margin: 10px 0;width: 100%;line-height: 1.42;text-align: center;vertical-align: top;white-space: nowrap;display: inline-block;padding: 10px 20px;cursor: pointer;height: auto;border: 1px solid #000000;color: #000000;background-color: white;}
.coder-compare-button:hover, .coder-compare-button:active, .coder-compare-button:focus{color: white;background-color: #000000;}

.pyr-compare-popup, .pyr-compare-popup * {font-family: 'Inter', sans-serif;box-sizing: border-box;outline: none;}
.pyr-compare-popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);padding: 20px;overflow: hidden;overflow-y: auto;z-index: 99999999;}
.pyr-compare-popup.pyr-compare-popup-open {display: -webkit-flex;display: flex;}
.pyr-compare-popup-open-body {overflow: hidden;}
.pyr-compare-popup .pyr-compare-popbx {width: 1080px;max-width: 100%;height: 100%;background: #FFF;border-radius: 12px;display: block;margin: auto;position: relative;}
.pyr-compare-popup .pyr-compare-header {width: 100%;display: flex;justify-content: space-between;padding: 22px 70px 22px 25px;position: relative;}
.pyr-compare-popup .pyr-compare-poptitle {font-size: 25px;font-weight: bold;letter-spacing: normal;margin: 0;text-transform: none;}
.pyr-compare-popup .pyr-compare-popclose {position: absolute;top: 16px;right: 16px;width: 40px;height: 40px;background: #151515;border-radius: 6px;cursor: pointer;}
.pyr-compare-popup .pyr-compare-popclose svg {width: 14px;height: 14px;fill: #FFF;display: block;margin: 13px;cursor: pointer;}
.pyr-compare-popup .pyr-compare-list {width: 100%;background: #151515;padding: 20px;border-radius: 0 0 12px 12px;min-height: calc(100% - 68px);max-height: calc(100% - 68px);overflow-y: auto;position: relative;}
.pyr-compare-popup .py-compare-o2link {margin: auto 0;cursor: pointer;}
.pyr-compare-popup .py-compare-o2link .pyr-cmpshare-link, .pyr-compare-popup .py-compare-o2link .pyr-cmpremove-link {font-size: 15px;line-height: 20px;font-weight: 700;float: left;color: #151515;margin: 0 10px;text-decoration: none;}
.pyr-compare-popup .py-compare-o2link .pyr-cmpshare-link svg, .pyr-compare-popup .py-compare-o2link .pyr-cmpremove-link svg {width: 20px;height: 20px;display: inline-block;vertical-align: middle;fill: currentColor;margin: -3px 5px 0 0;}
.pyr-compare-popup .pyr-compare-pager {display: -webkit-flex;display: flex;justify-content: space-between;margin: -20px -20px 20px;padding: 15px 7px;background: #333;}
.pyr-compare-popup .pyr-compare-pager .pyr-compare-prev, .pyr-compare-popup .pyr-compare-pager .pyr-compare-next {font-size: 15px;line-height: 35px;font-weight: 700;float: left;background: #FFF;margin: 0 10px;    text-decoration: none;}
.pyr-compare-popup .pyr-compare-pager .pyr-compare-prev svg, .pyr-compare-popup .pyr-compare-pager .pyr-compare-next svg {width: 24px;height: 24px;display: inline-block;vertical-align: middle;fill: currentColor;    margin: -3px 7px -2px;}
.pyr-compare-popup .pyr-compare-table {width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;margin: 0;background: #151515;border: 0;}
.pyr-compare-table tbody {border: 0;}
.pyr-compare-popup .pyr-compare-table td {font-size: 14px;line-height: 20px;padding: 15px;border: 0;border-bottom: 1px solid #ccc;vertical-align: top;/*position: relative;*/background: #151515;word-break: break-word;}
.pyr-compare-popup .pyr-compare-table tr:first-child td:first-child {vertical-align: bottom;}
.pyr-compare-popup .pyr-compare-table td:first-child {width: 200px;color: #FFF;border-color: #333;padding-left: 5px;}
.pyr-compare-popup .pyr-compare-table td:not(:first-child) {background: #FFF;border-left: 1px solid #ccc;}
.pyr-compare-popup .pyr-compare-table td:nth-child(2) {border-left-color: #FFF;}
.pyr-compare-popup .pyr-compare-table tr:last-child td {border-bottom: 0;}
.pyr-compare-popup .pyr-compare-table p {margin: 0 0 15px;}
.pyr-compare-popup .pyr-compare-table p:last-child {margin: 0;}
.pyr-compare-table .pyr-compare-imgbx {max-width: 250px;width: 100%;display: block;position: relative;margin: auto;color: white;}
.pyr-compare-table .pyr-compare-imgbx:before {content: '';display: block;padding-bottom: 100%;}
.pyr-compare-table .pyr-compare-imgbx:hover {color: white;}
.pyr-compare-table .pyr-compare-imgbx img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.pyr-compare-table .pyr-compare-remove {position: relative;/*top: 10px;right: 10px;*/width: 25px;height: 25px;background: #151515;z-index: 1;cursor: pointer;  float: right;margin: -5px;}
.pyr-compare-table .pyr-compare-remove svg {width: 11px;height: 11px;fill: #FFF;display: block;margin: 7px;cursor: pointer;}
.pyr-compare-table  .pyr-compare-addcart {width: 100%;font-size: 13px;font-weight: normal;line-height: 20px;background: #151515;color: #FFF;border: 0;padding: 10px 15px;text-transform: uppercase;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
.pyr-compare-popup .pyr-compare-table .coder-comparable-highlight:not(.coder-comparable-highlight-hidden) td:not(:first-child) {background: #ffffd0;}

.pyr-compare-table .spr-summary-actions, .pyr-compare-table .spr-header-title, .pyr-compare-table .spr-content {display: none;}
.pyr-compare-table .spr-container {padding: 0; border: 0;}

@media only screen and (max-width: 1199px) {
	.pyr-compare-popup .pyr-compare-table td:first-child {width: 180px;}
}

@media only screen and (min-width: 1025px) {
	.pyr-compare-popup .pyr-compare-pager {display: none;}
}

@media only screen and (max-width: 767px) {
	.pyr-compare-popup {padding: 0;}
	.pyr-compare-popup .pyr-compare-popbx {height: 100%;border-radius: 0;}
	.pyr-compare-popup .pyr-compare-list {border-radius: 0;}
	.pyr-compare-popup .pyr-compare-header {flex-direction: column;padding: 17px 20px 20px;}
	.pyr-compare-popup .py-compare-o2link {margin: 15px 0 0;}
	.pyr-compare-popup .py-compare-o2link a {margin: 0 20px 0 0;}
	.pyr-compare-popup .pyr-compare-table td:first-child {width: 160px;}
}

@media only screen and (max-width: 479px) {
	.pyr-compare-popup .pyr-compare-list {padding: 15px;}
	.pyr-compare-popup .pyr-compare-pager {margin: -15px -15px 15px;padding: 15px 0;}
	.pyr-compare-popup .pyr-compare-table td {font-size: 13px;line-height: 18px;padding: 12px;}
	.pyr-compare-popup .pyr-compare-table td:first-child {width: 100px;}
	.pyr-compare-table .pyr-compare-addcart {font-size: 12px;line-height: 18px;}
}

.coder-compare-spinner-container{display: none;}
.coder-compare-spinner-container.coder-compare-spinner-show{align-items: center;justify-content: center;display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2000;background-size: 70px;background: #151515;border-radius: 0 0 12px 12px;}
.coder-compare-spinner-container.coder-compare-spinner-show .coder-compare-spinner-content{max-width: 50%;text-align: center;}
.coder-compare-spinner-container.coder-compare-spinner-show .coder-compare-spinner-content svg{display: inline;margin: auto;}
.coder-compare-spinner-container.coder-compare-spinner-show .coder-compare-spinner-show-title{margin-top: 2rem;color:#fff;box-sizing:border-box;letter-spacing:2px;position:relative}

@media only screen and (max-width: 767px) {
	.coder-compare-spinner-container.coder-compare-spinner-show {border-radius: 0;}
}

@media screen and (max-width: 767px) {
  .pyr-compare-table .pyr-compare-remove {margin: -5px 0;}
}

/* SCROLL WIDTH */
.pyr-compare-list::-webkit-scrollbar{width: 8px;}
/* SCROLL TRACK */
.pyr-compare-list::-webkit-scrollbar-track{background: transparent;}
/* SCROLL HANDLE */
.pyr-compare-list::-webkit-scrollbar-thumb {background: #888;}
/* SCROLL HANDLE HOVER */
.pyr-compare-list::-webkit-scrollbar-thumb:hover{background: #555;}


/* CHECKBOX ICON */
.coder-compare-checkbox.coder-compare-checkbox-icon {font-size: 13px;line-height: 20px;display: flex;justify-content: center;}
.coder-compare-checkbox.coder-compare-checkbox-icon i {width: 15px;height: 15px;flex: 0 0 auto;display: inline-block;vertical-align: middle;margin: 3px 0 2px 5px;border: 1px solid #042a2b;border-radius: 20px;position: relative;order: 1;}
.coder-compare-checkbox.coder-compare-checkbox-icon i:after, .coder-compare-checkbox i:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 1px;height: 7px;background: #042a2b;margin: auto;}
.coder-compare-checkbox.coder-compare-checkbox-icon i:after {width: 7px;height: 1px;}
.coder-compare-checkbox.coder-compare-checkbox-icon i ~ span {font-size: 0;line-height: 16px;display: flex;padding: 0;margin: 0;}
.coder-compare-checkbox.coder-compare-checkbox-icon i ~ span:before {display: none;}
.coder-compare-checkbox.coder-compare-checkbox-icon i ~ span:after {content: 'Compare';font-size: 13px;line-height: 20px;display: block;}
.coder-compare-checkbox.coder-compare-checkbox-icon input:checked + i:before {display: none;}
.coder-compare-checkbox.coder-compare-checkbox-icon input:checked ~ i ~ span:after {content: 'Remove';position: static;width: auto;height: auto;border: 0;transform: none;}

@media only screen and (min-width: 1000px) {
    .coder-compare-checkbox:hover i {background: #042a2b;}
    .coder-compare-checkbox:hover i:before, .coder-compare-checkbox:hover i:after {background: #FFF;}
}


.coder-compare-checkbox.coder-compare-checkbox-classic span:before, .coder-compare-checkbox.coder-compare-checkbox-classic input:checked+span:after {content: unset;}
.coder-compare-checkbox.coder-compare-checkbox-classic span:before {content: unset;}
.coder-compare-checkbox.coder-compare-checkbox-classic div {position: absolute;top: 1px;left: 0;width: 17px;height: 17px;border: 1px solid rgba(4, 42, 43, 1);border-radius: 16px;}
.coder-compare-checkbox.coder-compare-checkbox-classic div:after, 
.coder-compare-checkbox.coder-compare-checkbox-classic div:before {content: '';position: absolute;top: 7px;left: 3px;width: 9px;height: 1px;background: rgba(4, 42, 43, 1);}
.coder-compare-checkbox.coder-compare-checkbox-classic input:not(:checked) + div:after {top: 3px;left: 7px;width: 1px;height: 9px;}

.pyr-compare-imgbx + .pyr-compare-addcart {
    margin-top: 10px;
}

.pyr-compare-metafield-json-formatted {list-style-type: none;margin: 0;}
.pyr-compare-metafield-json-formatted li strong {font-weight: 700 !important;}
.pyr-compare-metafield-json-formatted li:not(:last-child) {margin-bottom: 10px;}