.no-sidebar .entry-content .alignfull {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: auto;
} html, body {
overflow-x: hidden;
} div.inside-article img {
border-radius: 8px;
} table.foo-table img,
div#sizeComparisonCanvas img {
border-radius: 0px;
} figure.wp-block-image {
margin-bottom: 15px;
} div#primary.content-area.productpage {
width: 100% !important;
} @media (max-width: 768px) {
body figure.alignleft,
body figure.alignright {
float: none !important;
display: block;
margin-left: auto !important;
margin-right: auto !important;
width: auto;
}
} div#primary.content-area {
border-left: 1px solid rgba(0,0,0,.05);
border-right: 1px solid rgba(0,0,0,.05);
}
div.inside-right-sidebar {
border-right: 1px solid rgba(0,0,0,.05);
}
html.dark-mode div#primary.content-area {
border-left: 1px solid var(--dm-border-strong);
border-right: 1px solid var(--dm-border-strong);
}
html.dark-mode .inside-right-sidebar {
border-right: 1px solid var(--dm-border-strong);
}
header.page-header {
border-bottom:  1px solid rgba(0,0,0,.05);
}
html.dark-mode header.page-header {
border-bottom: 1px solid var(--dm-border-strong);
} header#masthead {
border-bottom: 1px solid #e0e0e0;
}
div.site-footer {
border-top: 1px solid #e0e0e0;
}
html.dark-mode header#masthead {
border-bottom: 1px solid var(--dm-border);
}
html.dark-mode div.site-footer {
border-top: 1px solid var(--dm-border);
} .home-usp .wp-block-media-text__content p {
margin-top: 10px;
margin-bottom: 0.5em;
}
.home-usp .wp-block-media-text__content li {
line-height: 1.35em;
margin-bottom: 10px;
}
.home-usp .wp-block-media-text .wp-block-media-text__content {
padding: 0 6%;
} .wp-block-media-text.has-background.home-usp a {
color: #8E6E2B;
font-weight: 400;
text-decoration: none;
}
.wp-block-media-text.has-background.home-usp a:hover{
color: var(--contrast)
} @media (max-width: 768px) {
.home-usp ul {
margin: 0 0 1.5em 1.5em;
}
p.easily-compare {
font-size: 30px !important;
}
}  .wp-block-search:has(#ctse-search-input) .wp-block-search__inside-wrapper {
display: flex;
align-items: stretch;
width: 100% !important;
}
.wp-block-search:has(#ctse-search-input) .wp-block-search__input {
flex: 1 1 auto;
height: 50px;
box-sizing: border-box;
}
.wp-block-search:has(#ctse-search-input) .wp-block-search__button {
height: 50px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}  .blog .inside-article .post-image img,
.archive .inside-article .post-image img,
.search-results .inside-article .post-image img {
width: 100%;
max-width: 100%;
height: auto;
} @media (min-width: 769px) {
.blog .inside-article .post-image img,
.archive .inside-article .post-image img,
.search-results .inside-article .post-image img {
max-width: 200px;
width: auto;
}
} .blog .site-main .inside-article .entry-header .entry-title,
.archive .site-main .inside-article .entry-header .entry-title {
font-size: 29px;
line-height: 1.3;
} .blog .site-main .inside-article .entry-header .entry-title a:hover,
.archive .site-main .inside-article .entry-header .entry-title a:hover {
color: var(--accent);
} .entry-meta {
margin-top: 1em;
} div.post-image {
margin-top: 1.5em !important;
margin-right: 1.5em !important;
}  body.single-post .entry-content ul > li,
body.single-post .entry-content ol > li {
margin-bottom: 0.4em; } body.single-post .entry-content ul ul > li,
body.single-post .entry-content ol ol > li {
margin-bottom: 0;
} .entry-content ul ul > li {
list-style-type: circle;
} .page-intro.wp-block-media-text .wp-block-media-text__content {
padding: 0px 0px 0px 0px;
}
.page-intro > figure.wp-block-media-text__media {
padding: 0px 20px 30px 20px !important;
} .ib-right-column p {
text-align: center;
margin-bottom: 0px;
}
.ib-left-column p {
text-align: center;
font-size: 17px;
margin-bottom: 0px;
}
@media (min-width: 769px) {
.ib-left-column {
display: flex;
align-items: center;
justify-content: center;
}
div.ib-lc-text {
padding-right: 7px;
}
}
.ib-lc-text,
.ib-lc-icon {
display: inline-block;
} .ib-avsb.ib-container,
.ib-specs.ib-container {
display: flex !important;
box-sizing: border-box;
width: 100%;
margin-bottom: 15px;
}
.ib-avsb .ib-left-column,
.ib-specs .ib-left-column {
display: flex;
width: 10%;
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.ib-avsb .ib-right-column,
.ib-specs .ib-right-column {
width: 90%;
box-sizing: border-box;
}
.ib-avsb .ib-right-column p,
.ib-specs .ib-right-column p {
text-align: left;
} @media (max-width: 768px) {
.ib-container {
display: flex;
box-sizing: border-box;
}
.ib-left-column,
.ib-avsb .ib-left-column,
.ib-specs .ib-left-column {
width: 20%;
box-sizing: border-box;
}
.ib-lc-text,
.ib-lc-icon {
display: block;
}
div	.bigger-strong strong {
font-size: 22px;
line-height: 1.2em !important;
}
div .ib-lc-text p,
div .ib-lc-icon {
line-height: 1.4em;
text-align: center;
}
.ib-left-column p {
text-align: left;
}
.ib-right-column,
.ib-avsb .ib-right-column,
.ib-specs .ib-right-column {
width: 80%;
box-sizing: border-box;
}
.ib-right-column p {
text-align: left;
padding-left: 10px;
}
} div.wp-block-media-text.rounded-block.icon-img p {
margin-bottom: 0em; 
} @media (min-width: 768px) {
.wp-block-group:where(.is-layout-flex) {
gap: 25px;
}
}
@media (min-width: 768px) {
.small-gap.wp-block-group:where(.is-layout-flex) {
gap: 15px;
}
} ul {
margin: 0 0 1.5em 2.6em;
} button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
border-radius: 4px;
} input[type="checkbox"]:checked,
input[type="radio"]:checked,
input[type="range"] {
accent-color: #007bff;
}  hr {
background-color: #E9E9E9;
border: 0;
height: 1px;
margin-bottom: 15px;
margin-top: 15px;
}
.rounded-borders-20 {
border-radius: 20px;
}
.grey-borders {
border: 1px solid #bababa;
}
.rounded-image img {
border-radius: 30px;
}
.small-margin-bottom {
margin-bottom: 15px;
}
.medium-margin-bottom {
margin-bottom: 25px;
}
.no-margin-top{
margin: 0px 0px 10px 0px !important;
}
.xs-margin-left {
margin-left: 0.5em;
}
.small-margin-left {
margin-left: 1em;
}
.medium-margin-left {
margin-left: 1.5em !important;
}
.small-padding-top {
padding-top: 10px;
}
.padding-top-20px {
padding-top: 20px;
}
.medium-padding-around {
padding: 15px;
}
.small-padding-bottom {
padding-top: 10px;
}
.rounded-block{
background-color: var(--base-2);
border-radius: 15px;
border: 1px solid #bababa;
padding: 5px 10px 10px 10px;
}
.bigger-strong strong {
font-size: 22px;
line-height: 1.8em !important;
}
.block-stretch {
align-items: stretch !important;
}
.scroll-arrow {
color: white;
font-weight: bold;
background-color: rgba(0, 0, 0, 0.4);
line-height: 0.1 !important;
padding: 1px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px;
border-radius: 3px;
}
.ul {
text-decoration: underline;
}
.bold {
font-weight: bold;
}
.fwn {
font-weight: normal;
}
.hide {
display: none;
}
span.star {
font-size: 1.08em;
padding-right: 2px;
color: orange;
}
a.clickable-header-link {
text-decoration: none;
color: var(--accent) !important;
}
.clickable-header-link:hover{
color: var(--accent)
text-decoration: none;
}
.clickable-header {
color: var(--contrast);
text-decoration: none;
}
.clickable-header:hover {
color: var(--accent);
}
.social-icon-link {	
color: var(--contrast);
padding: 2px;
font-size: 18px;
}	
.index-h2 {
margin-bottom: 5px;
}
.index-list-border {
border: 1px solid #efefef;
padding: 15px;
border-radius: 10px;
margin-top: 15px;
}
.small-gap {
gap: 1em;
}
.social-icon-link:hover{	
color: var(--accent)
}
@media only screen and (max-width: 768px) {
.clickable-header {
padding-bottom: 10px;
}
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 0.5em 0.5em;
}
.not-bold {
font-weight: normal;
}
.ninja_clmn_nm_name .not-bold {
color: #555;
font-size: 0.95em;
} .wp-block-search__button {
margin-left: -10px;
border-radius: 7px;
padding-right: 60px;
padding-left: 60px;
}
input[type="search"].wp-block-search__input {
background-color: white;
border-color: #d9d9d9;
border-radius: 7px;
} @media (max-width: 768px) {
.wp-block-group.stack-on-mobile {
flex-direction: column;
gap: 10px;
}
.wp-block-group.stack-on-mobile > p {
text-align: left;
padding-left: 15px;
}
.wp-block-group.stack-on-mobile > p > * {
display: inline;
}
.wp-block-group.stack-on-mobile > p > i.icon:first-of-type {
margin-right: 7px;
}
.wp-block-group.stack-on-mobile > p > br {
display: none;
}
} .icon-img img {
max-width: 45px;
margin-left: 10px;
}
.icon-img {	
grid-template-columns: auto !important;
}
.icon-img div {
padding: 0 15px !important;
} .site-main .wp-block-group__inner-container {
padding: 0 0 7px 0;
} @media (min-width: 992px) {
.site-main .wp-block-group__inner-container {
padding: 0 7px 7px 7px;
}
} .ui.table td {
padding-top: 0.1em !important;
padding-right: 0.5em !important;
padding-left: 0.5em !important;
padding-bottom: 0.1em !important;
} .footable .form-control {
width: 100%;
max-width: 90vw;
box-sizing: border-box;
} @media (min-width: 768px) {
.footable .form-control {
width: 100%;
max-width: 8.5vw;
box-sizing: border-box;
}
} @media (min-width: 992px) {
.footable .form-control {
width: 100%;
max-width: 6vw;
box-sizing: border-box;
}
} .info-icon {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #777;
border-radius: 1em;
text-align: center;
position: relative;
}
.info-icon span.symbol {
font-size: 1.3em;
}
.info-icon:hover {
background-color: #e0e0e0;
cursor: pointer;
}
.info-icon.active {
background-color: #ccc;
}
.info-text {
cursor: default;
display: none;
position: absolute;
background-color: #f9f9f9;
color: #000;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
top: 30px;
left: -90px;
z-index: 1;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}   .footable-filtering > th > form:first-child::before {
content: "Filter:";
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMuOSA1NC45QzEwLjUgNDAuOSAyNC41IDMyIDQwIDMybDQzMiAwYzE1LjUgMCAyOS41IDguOSAzNi4xIDIyLjlzNC42IDMwLjUtNS4yIDQyLjVMMzIwIDMyMC45IDMyMCA0NDhjMCAxMi4xLTYuOCAyMy4yLTE3LjcgMjguNnMtMjMuOCA0LjMtMzMuNS0zbC02NC00OGMtOC4xLTYtMTIuOC0xNS41LTEyLjgtMjUuNmwwLTc5LjFMOSA5Ny4zQy0uNyA4NS40LTIuOCA2OC44IDMuOSA1NC45eiIvPjwvc3ZnPg==');
background-size: 15px 14px;
background-repeat: no-repeat;
background-position: left center;
padding-left: 19px;
margin-right: 21px;
opacity: 0.75;
font-size: 16px;
color: #000;  } .ninja_table_wrapper table.foo-table > tbody{
isolation: isolate;
} .ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
margin-bottom: 0px;
margin-right: 21px;
margin-left: 0px;
padding-right: 0px;
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label input {
margin-right: 0px;
margin-left: 10px;
}
@media (min-width: 768px) {
div.form-group.ninja-custom-filter.ninja_custom_select_checkbox {
border-bottom: 1px solid rgb(225, 225, 225);
padding-top: 1px;
margin-right: 17px !important;
}
} @media (min-width: 768px), print {
.footable .form-inline .form-control {
width: 60px;
}
} @media (min-width: 768px) {
.ninja_filter_date_range {
width: 80px !important;
padding-left: 4px !important;
padding-right: 3px !important;
}
}
@media (max-width: 768px) {
.ninja_filter_date_range {
height: 26px !important;
padding-left: 6px !important;
}
}
.footable .form-control {
height: inherit;
box-shadow: none;
}
tr.footable-filtering th {	
padding-bottom: 9px !important; padding-top: 9px !important;
padding-left: 7px !important; } .footable-filtering .SumoSelect>.CaptionCont>span.placeholder
{
color: #555;
font-weight: 400 !important;
line-height: 21px;
text-align: left;
}
.foo-table .footable-filtering .ninja_multi_select_yes {
display: flex;
height: 0;
padding: 0;
position: absolute;
} .footable-filtering .SumoSelect>.CaptionCont>label>span {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTEzNy40IDM3NC42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDEyOC0xMjhjOS4yLTkuMiAxMS45LTIyLjkgNi45LTM0LjlzLTE2LjYtMTkuOC0yOS42LTE5LjhMMzIgMTkyYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOWwxMjggMTI4eiIvPjwvc3ZnPg==') !important;
background-size: contain;
height: 16px;
width: 16px;
opacity: 0.65 !important;
} div.form-group.footable-filtering-search > div > div > button.btn.btn-primary {
padding-top: 8px !important;
} @media (max-width: 768px) {
div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle.height-normal {
padding-top: 2px !important;
}
} .footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt span i {
box-shadow: none !important;
} .footable-filtering .SumoSelect.open>.optWrapper {
top: 33px !important;
}
@media (max-width: 768px) {
.footable-filtering 	.SumoSelect.open>.optWrapper {
top: 26px !important;
}
} div.SumoSelect {
min-width: 5em !important;
}  .footable-filtering .SumoSelect.open .search-txt {
font-size: inherit !important;
} @media (max-width: 768px) { .footable-filtering .form-inline {
width: fit-content !important;
position: sticky;
z-index: 1;
left: 7px;
}
tr.footable-filtering th {
padding-right: 0px !important;
} .form-group.ninja-custom-filter 		{
display: flex;
max-width: 94vw;
align-items: center;
flex-wrap: nowrap;
left: 9px;
} div.optwrapper.resetAll.multiple {
width: calc(70vw - 10px)
}	
li.opt {
width: calc(70vw - 12px);
} table.footable>thead>tr.footable-filtering>th div.input-group {
width: 94vw;
}
.footable-filtering th .form-inline>.form-group {
margin-bottom: 0px !important;
margin-top: 2px !important;
}
.foo-table.footable.table > thead > tr.footable-filtering > th {
padding-top: 0.3em;
}
.form-control.ninja_filter_number_range {
box-shadow: none;
height: 26px;
padding: 1px 12px 1px 6px;
}
.footable-filtering .SumoSelect>.CaptionCont {
box-shadow: none;
height: 26px;
padding: 1px 12px 1px 6px;
}
div.SumoSelect {
max-width: 68vw;
}		
.form-group.ninja-custom-filter.ninja_custom_number_range_filter,
.form-group.ninja-custom-filter.ninja_custom_date_filter {
justify-content: end !important;
}
.form-group.ninja-custom-filter.ninja_custom_number_range_filter > label.ninja_filter_title,
.form-group.ninja-custom-filter.ninja_custom_date_filter > label.ninja_filter_title
{
margin-right: auto;
}
.form-control.ninja_filter_number_range,
.form-control.ninja_filter_date_range {
max-width: 34vw;
}
.footable-filtering div.SumoSelect 		{
width: 100% !important;
}
select.form-control.ninja_select_type_manual {
box-shadow: none;
height: 26px !important;
padding: 0px 12px 2px 6px;
}
.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
margin-left: 0px;
justify-content: space-between;
} .ninja_custom_select_checkbox {
padding-top: 7px !important;
border-bottom: 1px solid rgb(225, 225, 225);
justify-content: space-between;
} .form-group.ninja-custom-filter.ninja_custom_select_checkbox 		{
justify-self: self-end !important;
width: 42.5vw;
}
.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
margin-right: 0px;
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label input[type="checkbox"] {
margin-right: 8px;
margin-left: 0px;
}
.ninja_custom_select_checkbox input[type="checkbox"] {
width: 15px;
height: 15px;	
} .form-group-ninja_filter_1.ninja_custom_select_checkbox,
.form-group-ninja_filter_3.ninja_custom_select_checkbox,
.form-group-ninja_filter_5.ninja_custom_select_checkbox,
.form-group-ninja_filter_7.ninja_custom_select_checkbox,
.form-group-ninja_filter_9.ninja_custom_select_checkbox,
.form-group-ninja_filter_11.ninja_custom_select_checkbox,
.form-group-ninja_filter_13.ninja_custom_select_checkbox,
.form-group-ninja_filter_15.ninja_custom_select_checkbox,
.form-group-ninja_filter_17.ninja_custom_select_checkbox,
.form-group-ninja_filter_19.ninja_custom_select_checkbox,
.form-group-ninja_filter_21.ninja_custom_select_checkbox,
.form-group-ninja_filter_23.ninja_custom_select_checkbox,
.form-group-ninja_filter_25.ninja_custom_select_checkbox,
.form-group-ninja_filter_27.ninja_custom_select_checkbox,
.form-group-ninja_filter_29.ninja_custom_select_checkbox,
.form-group-ninja_filter_31.ninja_custom_select_checkbox {
float: left;
} .footable .caret	{
opacity: 0.8;
}	
.foo-table .form-group.footable-filtering-search .input-group-btn>button {
padding-left: 10px !important;
padding-right: 10px !important;
} div.form-group.footable-filtering-search {
clear: both;
padding-top: 10px;
} div.form-group.ninja-custom-filter.ninja_custom_select {
clear: both;
}
}  @media (min-width: 768px) {
form.form-inline::before {
vertical-align: sub;		
}
tr.footable-filtering {	
white-space: normal; 
overflow-wrap: break-word;
} thead tr.footable-filtering th {
color: #6e6e6e !important;
} div.form-group.ninja-custom-filter,
div.form-group.footable-filtering-search { margin-top: 9px !important;
} tr.footable-filtering th {
padding-bottom: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
}
form.form-inline {
margin-bottom: 9px !important;
} .footable-filtering .form-inline {
width: min(99vw, 100%) !important;
position: sticky;
z-index: 1;
left: 7px;
}
} div.optWrapper.resetAll.multiple {
z-index: 9999;
} tr.footable-extra-header th {
background-color: rgb(225, 225, 225) !important;
font-size: 16px !important;
padding-left: 7px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.footable-extra-header th {
border-right: 2px solid #ccc !important;
} a.learn-more {
float: right;
text-decoration: none;
font-size: 24px;
}
.footable-extra-header th {
line-height: 1em !important;
}
.foo-table.pivoted-view tr.pivot-category-row th .pivot-category-label a.learn-more {
float: right;
text-decoration: none;
color: #919191;
font-size: 1.1em;
margin-left: 6px;
}
.pivot-category-row th {
line-height: 1.2em !important;
} tr.footable-header th {	
padding:	4px 12px 4px 7px !important;
}  .footable tbody tr > :first-child {
background: #f9fafb !important;
position: sticky;
z-index: 2;
left: 0;
} .foo-table tbody td {
text-align: center !important;
} .foo-table td:first-child  {
text-align: left !important;
font-weight: bold;
} .foo-table tbody .ninja_clmn_nm_introduction_date,
.foo-table tbody .ninja_clmn_nm_released,
.foo-table tbody  .ninja_clmn_nm_release_date {
text-align: right !important;
} .foo-table img {
max-width: 45px;
vertical-align: middle;
margin: 1px;
} .ninja_column_1.ninja_clmn_nm_image img {
cursor: zoom-in;
} .colored_table table.ninja_table_pro.inverted.table a {
color: var(--accent);
}
.colored_table table.ninja_table_pro.inverted.table a:hover {
color: var(--contrast-1);
} tfoot .footable-paging .footable-page.active a {
color: white !important;
} .footable-pagination-wrapper::before {
content: "Page:";
font-size: 16px;
font-weight: bold;
margin-right: 15px;
color: rgba(0, 0, 0, .87);
} .footable .pagination>li>a {
padding: 6px 8px !important;
}
.footable .pagination {
margin: 15px 0;
} a.footable-page-link[aria-label="last page"] {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
} .foo-table select.nt_pager_selection {
border: 1px solid #ddd;
box-shadow: none;
color: rgba(0,0,0,.5);
font-family: inherit;
font-weight: 500;
font-size: 14px;
height: 34px;
}
.foo-table select.nt_pager_selection:hover {
color: rgba(0,0,0,.87);
} .footable-pagination-wrapper {
width: fit-content;
position: sticky;
z-index: 1;
left: 7px;
} .footable .pagination>li>a{
font-size: 14px !important;
} .nt_edit_link {
position: sticky;
left: 7px;
z-index: 1000;
} .semantic_ui .ui.table {
margin: 0;
} .semantic_ui .foo-table thead tr.footable-header th,
.semantic_ui .foo-table thead tr.footable-extra-header th { cursor: default; }  .select2-selection__rendered {
font-size: 16px;
} .side-by-side-forms {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 20px;
margin-bottom: 10px;
background-color: #f9f9f9;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.1);
}
input#compareButton {
width: 100px;
}
@media (max-width: 768px) {
.side-by-side-forms {
flex-wrap: wrap;
justify-content: start;
}			
input#compareButton {
margin-left: 0px !important;		
width: 100%;
}		
} .side-by-side-forms .select2-container--default .select2-selection--single {
height: auto;
} .select2-results__option {
padding: 2px 4px !important;
font-size: 16px;
} .side-by-side-forms .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 6px 26px 6px 8px;
} .side-by-side-forms .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 36px;
top: 50%;
transform: translateY(-50%);
right: 4px;
} #differences-only,
#compare-size-container {
padding-bottom: 5px;
color: #777;
} .hide-row {
display: none !important;
} .side-by-side-comparison {
width: 100%;
border-collapse: collapse;
word-break: break-word;
overflow-wrap: anywhere;
}
.side-by-side-comparison th {
background-color: #f2f2f2;
width: 28%;
}
.side-by-side-comparison td:first-child {
width: 28%;
}
.side-by-side-comparison td:nth-child(2),
.side-by-side-comparison td:nth-child(3) {
width: 36%;
} .side-by-side-forms input[type="submit"] {
padding: 8px 16px;
border: none;
border-radius: 4px;
background-color: #007bff;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 16px;
height: 40px;
}
.side-by-side-forms input[type="submit"]:hover {
background-color: #0056b3;
} .side-by-side-comparison {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(0,0,0,.1);
border-radius: 8px;
overflow: hidden; } .side-by-side-comparison th:first-child, 
.side-by-side-comparison td:first-child {
text-align: left;
background-color: #f9f9f9;
} .side-by-side-comparison tr:hover {
background-color: #f9f9f9;
}
.side-by-side-comparison th, .side-by-side-comparison td {
padding: 1px 7.54px 1px 7.54px;
}
.side-by-side-comparison th {
background-color: #e9e9e9 !important;
font-size: 24px;
height: 45px;
} .sbs-subheading {
font-size: 20px;
font-weight: bold;
text-decoration: underline;
padding: 4px 8px 4px 8px !important;
background-color: #f9f9f9;
} .side-by-side-comparison th:not(:first-child), 
.side-by-side-comparison td:not(:first-child) {
text-align: center;
} table.side-by-side-comparison img {
max-height: 200px;
max-width: 200px;
width: auto;
height: auto;
}  @media (max-width: 768px) {
table.side-by-side-comparison img {
max-height: 100%;
max-width: 100%;
}
.side-by-side-comparison td {
font-size: 14px;
}
.side-by-side-comparison th {
font-size: 16px;
}
.side-by-side-comparison th:nth-child(1) {
padding: 2px 8px 2px 8px;
}
.side-by-side-comparison th:not(:nth-child(1)) {
padding: 2px 2px 2px 2px;
}
.side-by-side-comparison td:not(:nth-child(1)) {
padding: 1px 4px 1px 4px;
}
.sbs-subheading {
font-size: 16px !important;
} 
} .side-by-side-comparison td a.wpel-icon-left {
display: inline-flex;
overflow-wrap: break-word;
word-break: break-word;
} .share-container {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
font-size: 16px;
}
.share-container p {
margin: 0;
margin-right: 10px;
}
#share-comparison {
padding: 8px 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-bottom: 12px;
}
#share-comparison:hover {
background-color: #0056b3;
}  td.ninja_clmn_nm_name.ninja_column_0 a {
color: inherit !important;
text-decoration: none;
}
td.ninja_clmn_nm_name.ninja_column_0 a:hover {
color: var(--contrast) !important;
text-decoration: underline;
} .compare-links {
margin-top: 10px;
display: flex;
gap: 5px;
justify-content: space-between;
}
.compare-all-link {
width: 50%;
color: var(--accent);
background: none;
text-align: left;
padding: 0;
}
.compare-vs-link {
width: 50%;
color: var(--accent);
background: none;
text-align: right;
padding: 0;
}
.compare-all-link:hover,
.compare-vs-link:hover {
color: var(--contrast);
background-color: #fff;
}
@media (max-width: 768px) {
.entry-content.spec-page {
margin-top: .5em;
}
.compare-all-link {
padding: 5px 10px 5px 10px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 8px;
background-color: #f5f8ff99;
font-size: 15px;
}
.compare-vs-link {
padding: 5px 10px 5px 10px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 8px;
background-color: #f5f8ff99;
font-size: 15px;
}
} table.side-by-side-comparison.product-page-spec-table {
max-width: 650px;
margin: 0 auto;
}
table.side-by-side-comparison.product-page-spec-table {
margin-bottom: 12px;
} .side-by-side-comparison.product-page-spec-table td:first-child {
width: 35%;
}
.side-by-side-comparison.product-page-spec-table td:nth-child(2) {
width: 65%;
}
table.side-by-side-comparison.product-page-spec-table img {
max-height: 300px;
max-width: 300px;
}
@media (max-width: 768px) {
table.side-by-side-comparison.product-page-spec-table img {
max-height: 100%;
max-width: 100%;
}
}
div.related-product-links, 
div.related-comparison-links {
display: flex;
justify-content: center;
padding-top: 10px;
}
div.more-product-specs, 
div.related-comparisons {
font-size: 20px;
text-decoration: underline;
display: flex;
justify-content: center;
padding-top: 20px;
}
.prev-product-links,
.next-product-links {
display: inline-block;
}
div.prev-product-links ul,
div.next-product-links ul,
div.related-comparison-links ul {
list-style-type: none;
margin: 0;
}
.prev-product-links {
padding-right: 15px;
}
.next-product-links {
padding-left: 15px;
}
.legend-spec-page {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding-top: 15px;
} .site-content #primary.productpage > main.site-main {
margin: 20px 0;
}
table.side-by-side-comparison.avsb-product-page-spec-table {
margin: 0 auto;
}
table.side-by-side-comparison.avsb-product-page-spec-table {
margin-bottom: 12px;
} table.side-by-side-comparison.avsb-product-page-spec-table img.relative-size {
max-width: none !important;
max-height: none !important;
} .comparison-table {
padding: 5px;
} .footable-filtering .SumoSelect {
color: #FF9900 !important;
width: inherit !important;
}
.footable-filtering .SumoSelect>.CaptionCont>span.placeholder {
color: rgba(137, 137, 137, 1) !important;
} .gp-search-modal .gp-modal__overlay {
background-color: rgba(10, 10, 10, 0.9);
}  .main-navigation .main-nav ul li[class*="current-menu-"] > a {
color: var(--contrast);
} .sub-menu .menu-item a svg.svg-inline--fa{width:1.25em;margin-right:calc(12px - .45em)}
.wp-block-group.stack-on-mobile > p > svg.icon:first-of-type{margin-right:7px}
#share-comparison > svg, .ct-share-button > svg{padding-right:5px}
.view-cycle-y-button svg.svg-inline--fa{transform:scaleY(.65)}
.view-cycle-x-button svg.svg-inline--fa{transform:scaleX(.65)}
html.dark-mode div#mc_embed_shell .social-icon-link svg{color:var(--dm-text) !important}
html.dark-mode div#mc_embed_shell .social-icon-link svg:hover{color:var(--dm-link) !important} .svg-inline--fa[data-prefix="fal"] path{stroke:currentColor;stroke-width:16} .draggable-product-item-wrapper .duplicate-button svg.svg-inline--fa path     {stroke:currentColor;stroke-width:20} .draggable-product-item-wrapper .shopping-button svg.svg-inline--fa path      {stroke:currentColor;stroke-width:12} .draggable-product-item-wrapper .rotation-handle svg.svg-inline--fa path      {stroke:currentColor;stroke-width:} .draggable-product-item-wrapper .view-cycle-y-button svg.svg-inline--fa path  {stroke:currentColor;stroke-width:22} .draggable-product-item-wrapper .view-cycle-x-button svg.svg-inline--fa path  {stroke:currentColor;stroke-width:}  .clickable-header-section svg[data-icon="memo"] path{stroke:currentColor;stroke-width:5} h2.wp-block-heading svg[data-icon="box"] path{stroke:currentColor;stroke-width:2} .has-inline-mobile-toggle #site-navigation.toggled {
margin-top: 0em;
} @media (max-width: 768px) {
.inside-header {
padding-left: 0px;
}
.site-header .header-image {
margin-left: 15px;
}
} @media (max-width: 768px) {
.main-title a {
font-size: 23px;
}
}
@media (max-width: 400px) {
.main-title a {
font-size: 20px;
}
} @media (max-width: 768px) {
.site-branding-container .site-logo {
margin-right: 10px;
}
}  .foo-table {
font-size: 14px !important;
}
.foo-table.small-font {
font-size: 12px !important;
}
.foo-table.extra-small-font {
font-size: 10px !important;
}
.foo-table img {
max-width: 45px;
}
.foo-table.small-font img {
max-width: 40px !important;
}
.foo-table.extra-small-font img {
max-width: 35px !important;
} .footable .form-control.normal-control {
font-size: 14px;
height: 34px;
}
.footable .form-control.small-control {
font-size: 12px !important;
height: 30px;
}
.footable .form-control.extra-small-control {
font-size: 10px !important;
height: 26px;
}
.sumo-normal {
font-size: 14px !important; 
}
.sumo-small {
font-size: 12px !important; 
}
.sumo-extra-small {
font-size: 10px !important; 
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-normal {
height: 34px !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-small {
height: 30px !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-extra-small {
height: 26px !important;
}
.sumo-select-normal {
height: 34px !important;
}
.sumo-select-small {
height: 30px !important;
}
.sumo-select-extra-small {
height: 26px !important;
} div.form-group.footable-filtering-search > div > div > button.btn.btn-primary.height-small {	
padding-top: 6px !important;
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-primary.height-extra-small {	
padding-top: 4px !important;
} div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle {	
padding-top: 4px !important;	
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle.height-small {	
padding-top: 3px !important;	
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle.height-extra-small {	
padding-top: 1px !important;
}
@media (max-width: 768px) {	
div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle.height-small {	
padding-top: 0px !important;	
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-default.dropdown-toggle.height-extra-small {	
padding-top: 0px !important;	
}
} @media (max-width: 768px) {
.footable .form-control.normal-control {
font-size: 14px;
height: 26px;
}
.footable .form-control.small-control {
font-size: 12px !important;
height: 24px;
}
.footable .form-control.extra-small-control {
font-size: 10px !important;
height: 22px;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button {
height: 26px !important;
}
.foo-table .form-group.footable-filtering-search input.form-control {
height: 26px !important;
}
.foo-table .form-group.footable-filtering-search input.form-control.small-control {
height: 24px !important;
}
.foo-table .form-group.footable-filtering-search input.form-control.extra-small-control {
height: 22px !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-normal {
height: 26px !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-small {
height: 24px !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button.height-extra-small {
height: 22px !important;
}
.sumo-select-normal {
height: 26px !important;
}
.sumo-select-small {
height: 24px !important;
}
.sumo-select-extra-small {
height: 22px !important;
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-primary {	
padding-top: 4px !important;
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-primary.height-small {	
padding-top: 3px !important;
}
div.form-group.footable-filtering-search > div > div > button.btn.btn-primary.height-extra-small {	
padding-top: 2px !important;
}
} @media (min-width: 768px) {
span.placeholder.sumo-small {
line-height: 18px !important;
}
span.placeholder.sumo-extra-small {
line-height: 14px !important;
}
} tr.footable-header th.normal-padding {
padding: 4px 12px 4px 7px;
}
tr.footable-header th.small-padding {
padding: 4px 3px 4px 3px !important;
}
tr.footable-header th.extra-small-padding {
padding: 4px 2px 4px 2px !important;
}
.ninja_table_wrapper.filters-off .ninja_table_afd_inline thead .footable-filtering th .form-inline {
display: none !important;
} .settings-row {
gap: 12px 16px;
padding-bottom: 15px;
} #font-size-controls button,
#hide-controls button,
#pivot-controls button {
padding: 12px 8px;
margin: 0px 0px 1px 0px;
background-color: #e1e1e1;
color: #646464;
border: 1px solid white;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
height: 24px;
line-height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
border-radius: 10px;
}
#font-size-controls button:hover,
#hide-controls button:hover,
#pivot-controls button:hover {
background-color: #404040;
color: white;
}
#font-size-controls button.active,
#hide-controls button.active,
#pivot-controls button.active {
background-color: #555555 !important;
color: white !important;
border-color: white;
}
#hide-rows.hide-button {
min-width: 48px;
max-width: 48px;
}
#hide-columns.hide-button {
min-width: 67px;
max-width: 67px;
} .legend {
display: flex;
justify-content: start;
padding-top: 10px;
padding-bottom: 10px;
}
.legend-item {
display: inline-block;
height: 20px;
border-radius: 10px;
margin-right: 10px;
font-size: 14px;
text-align: center;
line-height: 20px;
vertical-align: middle;
padding: 0 10px;
} @media only screen and (max-width: 768px) {
.settings-row {
gap: 12px 10px;
}
#font-size-controls button, #hide-controls button, #pivot-controls button {
padding: 0 7px;
}
#hide-rows.hide-button {
min-width: 46px;
max-width: 46px;
}
#hide-columns.hide-button {
min-width: 65px;
max-width: 65px;
}
}
.legend-item {
padding: 2px 5px;
color: black;
font-size: 12px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
margin-right: 0px;
}
div.switch-container label,
div.switch-container .legend {
margin-right: 2px;
}
.legend {
display: none;
flex-wrap: wrap;
gap: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
@media (max-width: 540px) {
.switch-container {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.legend {
margin-left: 0;
margin-right: 0;
gap: 2px;
}
.switch-container .formatting-label,
.switch-container .switch {
white-space: nowrap;
}
} @media (hover: none) {
.hide-button:hover {
background-color: #e1e1e1 !important;
color: #464646 !important;
}
button#hide-rows.hide-button.active,
button#hide-columns.hide-button.active,
button#hide-filters.hide-button.active,
button#pivot-table.hide-button.active
{
background-color: #555555 !important;
}
} .selected-row td,
.selected-row .ninja_footable td.ninja_clmn_nm_image {
background-color: rgba(255, 134, 134, 87%) !important;
}
.selected-row td.ninja_clmn_nm_name.footable-first-visible {
background-color: #FA9696 !important;
}
.selected-col {
background-color: rgba(255, 134, 134, 87%) !important;
} .glowing {
color: white !important;
animation: breathing 3s infinite;
}
@keyframes breathing {
0% { background-color: #e1e1e1;}
50% { background-color: rgba(255, 50, 50);}
100% { background-color: #e1e1e1;}
} .popup-message {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(230, 50, 50) !important;
color: white;
font-weight: bold;
font-size: 18px;
padding: 10px 20px;
border-radius: 5px;
z-index: 9999;
transition: opacity 0.5s ease;
} .hidden-col {
display: none !important;
} @media (max-width: 768px) {
.table-options {
position: relative;
left: -8px;
width: calc(100vw - 8px);
}
}  .switch-container {
display: inline-flex;
vertical-align: middle;
} .switch {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
} .switch input { 
opacity: 0;
width: 0;
height: 0;
} .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #ccc;
transition: .4s;
border-radius: 20px;
}
.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #5c5c5c;
}
input:checked + .slider:before {
transform: translateX(20px);
} .formatting-label {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
white-space: nowrap;
} .su-spoiler-style-default>.su-spoiler-title {
background-color:;
color: var(--accent);
text-decoration: ;
padding-left: 27px;
padding-right: 0;
font-size: 22px;
}
@media (max-width: 767px) {
.su-spoiler-style-default>.su-spoiler-title {
font-size: 20px;
}
}
.su-spoiler-style-default > .su-spoiler-title:hover {
color: var(--contrast-1);
}
.su-spoiler-style-default > .su-spoiler-content {
padding: 12px 0 0 0 !important;
}
.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
left: 0;
font-size: 16px;
}
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 6px 7px 7px 24px !important;
font-weight: 700;
text-decoration: underline;
display: flex;
} .su-spoiler {
margin-bottom: 0.3em !important;
} div.su-spoiler-style-fancy.extra-info-spoiler>.su-spoiler-title {
border-radius: 22px;
background: #f0f0f0;
font-size: 1.2em;
color: var(--contrast);
text-decoration: none;
padding-left: 40px !important;
padding-top: 10px !important;
padding-bottom: 12px !important;
}
div.su-spoiler-style-fancy.extra-info-spoiler>.su-spoiler-title:hover {
background: #d9d9d9;
}
.su-spoiler-icon-plus.extra-info-spoiler {
border-radius: 22px;
}
.su-spoiler-icon-plus.extra-info-spoiler span {
left: 10px !important;
top: 13px !important;
font-size: 20px;
float: left;
} a.skip-to-comparison {
display: inline-block;
margin-bottom: 10px;
font-size: 14px;
text-decoration: none;
transition: color 0.3s ease;
color: #999999;
border-bottom: 1px solid #E9E9E9;
}
a.skip-to-comparison:hover,
a.skip-to-comparison:focus {
color: var(--contrast);
}  h3.comments-title {
font-size: 20px;
margin-top: 20px;
}  footer.comment-meta {
display: flex;
align-items: center; } .comment-author-info {
flex-grow: 1;
} .comment-author.vcard cite.fn {
display: flex;
justify-content: space-between; align-items: baseline;
}
.custom-comment-number {
color: #ccc;
font-size: 0.85em;
font-weight: normal;
}
html.dark-mode .custom-comment-number {
color: #757575;
} .lazy-comment-hidden { display: none !important; }
.lazy-comment-unhiding {
display: block !important;
animation: lazyCommentFadeIn 0.5s ease-out;
}
@keyframes lazyCommentFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}  .single-post i.wpel-icon {
display: none;
} #footable_6588 > tbody i {
display: none;
} #footable_960 td i {
display: none;
} .page-id-6585 .side-by-side-comparison > tbody i {
display: none;
} .page-id-384 .side-by-side-comparison > tbody i {
display: none;
} .page-id-6829 .entry-title {
margin-left: -20px;
margin-right: -20px;
margin-top: -10px;
}
@media (max-width: 768px) {
.page-id-6829 .entry-title {
margin: inherit;
font-size: 34px;
}
} th[class*="ninja_clmn_nm_size_comparison"],
td[class*="ninja_clmn_nm_size_comparison"] {
display: none !important;
} .wp-block-group__inner-container {
max-width: none !important;
} .foo-table,
.foo-table th,
.foo-table td {
box-sizing: border-box !important;
} @media (max-width: 768px) {
.inside-site-info {
padding-left: 20px !important;
padding-right: 20px !important;
}
}   html.dark-mode {
color-scheme: dark;   --dm-page-bg: #333333; --dm-text: #c1c1c1;
--dm-text-strong: #e7e7e7;
--dm-text-input: #e0e0e0;
--dm-text-muted: #7a7a7a; --dm-link: #7ecdec;
--dm-link-hover: #555555;
--dm-link-on-light: #1e97c6; --dm-black: #000000;
--dm-white: #ffffff;
--dm-surface-1: #2e2e2e;
--dm-surface-2: #333333;
--dm-surface-3: #343434;
--dm-surface-4: #484848; --dm-input-bg: #272727;
--dm-input-border: #767676; --dm-border: #767676;
--dm-border-strong: #424242;
--dm-divider: #7e7e7e;
--dm-border-soft: #b2b2b2; --dm-dim-factor: 0.75; --legend-yes: #f6ffe0;
--legend-good: #fffbd6;
--legend-okay: #fff1db;
--legend-bad: #f8e7e7; --grad-a: rgba(244,215,215,0.8);
--grad-b: rgba(240,255,204,0.8);
} html.dark-mode body {
background-color: var(--dm-page-bg) !important;
color: var(--dm-text) !important;
}
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
color: var(--dm-text-strong) !important;
}
html.dark-mode a {
color: var(--dm-link);
}
html.dark-mode a:hover {
color: var(--dm-link-hover) !important;
} html.dark-mode textarea,
html.dark-mode select,
html.dark-mode input.search-field,
html.dark-mode input#mce-EMAIL.required.email {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
border: 1px solid var(--dm-input-border) !important;
} html.dark-mode input.ninja_filter_number_range,
html.dark-mode input#search-modal-input {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
}
html.dark-mode input,
html.dark-mode button { } html.dark-mode header.page-header,
html.dark-mode div#mc_embed_signup_scroll {
background-color: var(--dm-surface-2) !important;
color: var(--dm-text);
} html.dark-mode div.entry-meta,
html.dark-mode .entry-meta .gp-icon {
color: var(--dm-text);
} html.dark-mode nav#nav-below.paging-navigation {
background-color: var(--dm-surface-2);
} html.dark-mode #right-sidebar .inside-right-sidebar > .widget {
background-color: var(--dm-surface-2) !important;
} html.dark-mode hr,
html.dark-mode div.su-divider {
background-color: var(--dm-divider) !important;
border-color: var(--dm-divider) !important;
}
html.dark-mode a.skip-to-comparison,
html.dark-mode div#font-size-controls,
html.dark-mode div#hide-controls,
html.dark-mode div.switch-container,
html.dark-mode div.form-group.ninja-custom-filter.ninja_custom_select_checkbox {
border-bottom: 1px solid var(--dm-divider) !important;
} html.dark-mode div.inside-right-sidebar {
background-color: var(--dm-black) !important;
} html.dark-mode .site-header,
html.dark-mode div.inside-article,
html.dark-mode div.comments-area,
html.dark-mode footer.site-info {
background-color: var(--dm-surface-2) !important;
}
html.dark-mode footer.site-info a {
color: var(--dm-text-strong) !important;
}
html.dark-mode footer.site-info a:hover {
color: var(--dm-link-hover) !important;
} html.dark-mode .comment-form #author,
html.dark-mode .comment-form #email,
html.dark-mode .comment-form #url {
background-color: var(--dm-input-bg) !important;
border-color: var(--dm-link-hover) !important;
}
html.dark-mode div.comment-content {
border-color: var(--dm-link-hover) !important;
} html.dark-mode .main-title a,
html.dark-mode .main-title a:hover {
color: var(--dm-text-strong) !important;
}
html.dark-mode #site-navigation > div,
html.dark-mode .main-navigation ul ul,
html.dark-mode .main-navigation .main-nav ul li a,
html.dark-mode .menu-bar-items a,
html.dark-mode nav#mobile-menu-control-wrapper,
html.dark-mode button.menu-toggle {
background-color: var(--dm-surface-2);
color: var(--dm-text-strong) !important;
}
html.dark-mode .main-navigation .main-nav ul li a:hover,
html.dark-mode .menu-bar-items a:hover {
color: var(--dm-link) !important;
} html.dark-mode .rounded-block {
border: 1px solid var(--dm-border) !important;
} html.dark-mode div.ib-container.rounded-block {
background-color: var(--dm-surface-4) !important;
} html.dark-mode div.ib-container.rounded-block.ib-specs {
background-color: var(--dm-surface-4) !important;
}
html.dark-mode .ib-container.ib-specs img {
filter: invert(1) !important;
}
html.dark-mode div.ib-container.rounded-block.ib-avsb {
background: linear-gradient(207deg, var(--grad-a) 0%, var(--grad-b) 100%) !important;
color: var(--dm-link-hover) !important;
} html.dark-mode p.has-base-2-background-color.has-background {
background-color: var(--dm-surface-4) !important;
} html.dark-mode .su-spoiler-style-default>.su-spoiler-title {
color: var(--dm-link);
}
html.dark-mode .su-spoiler-style-default>.su-spoiler-title:hover {
color: var(--dm-link-hover) !important;
} html.dark-mode .side-by-side-forms,
html.dark-mode form#productSelectionForm {
background-color: var(--dm-surface-4) !important;
border: 1px solid var(--dm-border) !important;
} html.dark-mode span.select2-selection,
html.dark-mode input.select2-search__field,
html.dark-mode span.select2-selection__rendered,
html.dark-mode span.select2-search--dropdown,
html.dark-mode span.select2-results,
html.dark-mode ul.dropdown-menu.dropdown-menu-right,
html.dark-mode ul.dropdown-menu.dropdown-menu-right a {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
}
html.dark-mode span.select2-selection__rendered {
border-radius: 4px !important;
}
html.dark-mode .select2-container--default .select2-selection--single {
border: 1px solid var(--dm-border) !important;
} html.dark-mode table.side-by-side-comparison {
background-color: var(--dm-white) !important;
color: var(--dm-link-hover);
}
html.dark-mode table.side-by-side-comparison a {
color: var(--dm-link-on-light);
} html.dark-mode .side-by-side-comparison td:first-child {
background-color: var(--dm-surface-3) !important;
color: var(--dm-text) !important;
border-bottom: 1px solid var(--dm-border-strong) !important;
} html.dark-mode #main .side-by-side-comparison th {
color: var(--dm-text-strong) !important;
background-color: var(--dm-surface-1) !important;
border-bottom: 1px solid var(--dm-border) !important;
}
html.dark-mode .side-by-side-comparison {
border: 1px solid var(--dm-border) !important;
} html.dark-mode .side-by-side-comparison td.sbs-subheading {
background-color: var(--dm-surface-3) !important;
color: var(--dm-text-strong) !important;
} html.dark-mode .side-by-side-comparison th:not(:last-child),
html.dark-mode .side-by-side-comparison td:not(:last-child) {
border-right: 1px solid var(--dm-border-strong);
} html.dark-mode .side-by-side-comparison tbody > tr:not(:nth-child(1)) td:not(:first-child) {
filter: brightness(var(--dm-dim-factor));
} html.dark-mode table.side-by-side-comparison > tbody > tr:nth-child(1) {
background-color: var(--dm-surface-3) !important;
} html.dark-mode #font-size-controls button.active,
html.dark-mode #font-size-controls button,
html.dark-mode #hide-rows.hide-button,
html.dark-mode #hide-columns.hide-button,
html.dark-mode #hide-filters.hide-button,
html.dark-mode #pivot-table.hide-button {
border-color: var(--dm-border-soft);
}
html.dark-mode .legend-item {
border: 1px solid var(--dm-border-soft);
} html.dark-mode .switch-container .legend .legend-item:nth-child(1) {
background-color: var(--legend-yes) !important;
}
html.dark-mode .switch-container .legend .legend-item:nth-child(2) {
background-color: var(--legend-good) !important;
}
html.dark-mode .switch-container .legend .legend-item:nth-child(3) {
background-color: var(--legend-okay) !important;
}
html.dark-mode .switch-container .legend .legend-item:nth-child(4) {
background-color: var(--legend-bad) !important;
}
html.dark-mode .switch-container .legend .legend-item {
filter: brightness(var(--dm-dim-factor)) !important;
}  html.dark-mode #main .foo-table td:not(.ninja_clmn_nm_name):not(.ninja_column_0) {
filter: brightness(var(--dm-dim-factor));
}
html.dark-mode #main td.ninja_clmn_nm_image {
background-color: rgba(255, 255, 255, 0.6) !important;
}  html.dark-mode #main table[id^="footable_"] tr.footable-header th,
html.dark-mode #main table[id^="footable_"] tr.footable-filtering th,
html.dark-mode #main td.ninja_column_0,
html.dark-mode #main td.ninja_clmn_nm_name,
html.dark-mode #main tr.footable-paging {
background-color: var(--dm-surface-3) !important;
color: var(--dm-text) !important;
}
html.dark-mode #main [id^="footable_"] tr.footable-header th,
html.dark-mode #main [id^="footable_"] tr.footable-filtering th {
border: 1px solid var(--dm-border-strong) !important;
}
html.dark-mode .footable-filtering > th > form:first-child::before,
html.dark-mode .footable-filtering .SumoSelect>.CaptionCont>label>span,
html.dark-mode span.fooicon.fooicon-sort,
html.dark-mode span.fooicon.fooicon-sort-asc,
html.dark-mode span.fooicon.fooicon-sort-desc,
html.dark-mode div.footable-pagination-wrapper::before {
filter: invert(1) !important;
}
html.dark-mode input.ninja_filter_number_range,
html.dark-mode input.search-txt,
html.dark-mode input.form-control,
html.dark-mode p.CaptionCont.SelectBox.search,
html.dark-mode .footable-filtering .SumoSelect>.optWrapper>.options li.opt,
html.dark-mode .footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt span i,
html.dark-mode div.optWrapper,
html.dark-mode li.dropdown-header,
html.dark-mode .footable .btn-default {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
border-color: var(--dm-border) !important;
} html.dark-mode .footable-filtering .SumoSelect[is-selected=true] .reset-all * {
color: #e1e1e1;
}
html.dark-mode .footable-extra-header th {
background-color: var(--dm-surface-1) !important;
color: var(--dm-text-strong) !important;
border: 1px solid var(--dm-border-strong) !important;
}
html.dark-mode td.ninja_column_0,
html.dark-mode td.ninja_clmn_nm_name {
border-bottom: 1px solid var(--dm-border-strong) !important;
border-right: 1px solid var(--dm-border-strong) !important;
} html.dark-mode .side-by-side-comparison,
html.dark-mode table.foo-table {
border: 1px solid var(--dm-border) !important;
}
html.dark-mode .footable-pagination-wrapper .pagination .footable-page-link {
background-color: var(--dm-surface-2) !important;
color: var(--dm-text) !important;
border-color: var(--dm-border) !important;
}
html.dark-mode .footable-pagination-wrapper .pagination .footable-page.active .footable-page-link {
color: var(--dm-text-input) !important;
}
html.dark-mode a.learn-more {
color: var(--dm-text-muted) !important;
}
html.dark-mode a.learn-more:hover {
color: var(--dm-link-hover) !important;
} html.dark-mode .sc-lazy-load-placeholder > .sc-ll-msg { background-color: var(--dm-surface-4) !important; border-color: var(--dm-border) !important; }
html.dark-mode span.select2-selection.select2-selection--multiple {
border-color: var(--dm-border) !important;
}
html.dark-mode #visualSizeComparerApp .select2-selection__choice {
background-color: var(--dm-surface-1) !important;
border: 1px solid var(--dm-border) !important;
color: var(--dm-text-strong) !important;
border-radius: 3px;
}
html.dark-mode button#clearSelectionIcon,
html.dark-mode span.select2-selection__choice__remove {
filter: invert(1);
}
html.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #606060 !important;
}
html.dark-mode #visualSizeComparerApp div {
border-color: var(--dm-divider) !important;
} html.dark-mode a.specs-button {
color: var(--dm-surface-2) !important; } html.dark-mode div#editBackgroundModal > div:first-child,
html.dark-mode div#bgSolidColorRow,
html.dark-mode div#bgEditRowContainer,
html.dark-mode div#editFontModal > div:first-child,
html.dark-mode div#helpGuideModal > div:first-child,
html.dark-mode #shoppingModal div {
background-color: var(--dm-surface-2) !important;
}
html.dark-mode input#fontNameSize,
html.dark-mode input#fontDetailSize {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
border-color: var(--dm-border) !important;
} html.dark-mode div.su-spoiler-style-fancy.extra-info-spoiler>.su-spoiler-title {
color: var(--dm-text) !important;
background-color: var(--dm-input-bg) !important;
}
html.dark-mode .su-spoiler-style-fancy {
color: var(--dm-text) !important;
background-color: var(--dm-surface-2) !important;
} html.dark-mode div#mc_embed_group {
background-color: var(--dm-white);
border-radius: 15px;
color: var(--dm-link-hover);
}
html.dark-mode div#mc_embed_group a {
color: var(--dm-link-hover) !important;
}
html.dark-mode div#mc_embed_group a:hover {
color: var(--dm-link-on-light) !important;
}
html.dark-mode #mc_embed_signup_block > h3 {
color: var(--dm-link-hover) !important;
}  html.dark-mode .compare-all-link:hover,
html.dark-mode .compare-vs-link:hover {
background-color: rgb(255 255 255 / 0%) !important;
}
html.dark-mode .avsb-views-row > td:not(:first-child),
html.dark-mode .spec-views-row > td:not(:first-child) {
background: var(--dm-surface-3) !important;
filter: none !important;
}
html.dark-mode .avsb-views-row > td,
html.dark-mode .spec-views-row > td,
html.dark-mode .avsb-product-page-spec-table > tbody > tr:has(+ .avsb-views-row) > td,
html.dark-mode .product-page-spec-table > tbody > tr:has(+ .spec-views-row) > td {
border-color: var(--dm-border-strong) !important;
}
html.dark-mode .avsb-view-thumb,
html.dark-mode .spec-view-thumb {
background: var(--dm-surface-1) !important;
}
html.dark-mode .avsb-product-page-spec-table > thead > tr > th > a,
html.dark-mode .product-page-spec-table > thead > tr > th > a {
color: var(--dm-text-strong) !important;
}
html.dark-mode .avsb-product-page-spec-table > thead > tr > th > a:hover,
html.dark-mode .product-page-spec-table > thead > tr > th > a:hover {
color: var(--dm-link-on-light) !important;
text-decoration: underline;
}
html.dark-mode .avsb-product-page-spec-table > thead > tr > th > a {
color: var(--dm-text-strong) !important;
}
html.dark-mode div.related-comparisons > strong,
html.dark-mode div.more-product-specs > strong {
color: var(--dm-text-strong) !important;
}
html.dark-mode .ct-related-wrap a.ct-card .ct-card-title {
color: var(--dm-text) !important;
} html.dark-mode .ct-related-wrap a.ct-card:hover .ct-card-title,
html.dark-mode .ct-related-wrap a.ct-card:focus-visible .ct-card-title {
color: var(--dm-link-on-light) !important;
}
html.dark-mode .ct-related-wrap a.ct-card.is-product img {
background-color: var(--dm-surface-4) !important;
}
html.dark-mode .avsb-product-page-spec-table > thead > tr > th > a:hover {
color: var(--dm-link-on-light) !important;
text-decoration: underline;
}
@media (max-width: 768px) {
html.dark-mode .compare-all-link,
html.dark-mode .compare-vs-link {
border: 1px solid var(--dm-border);
border-radius: 8px;
background-color: var(--dm-surface-4) !important;
}
} html.dark-mode .ct-lb-thumb img {
background: var(--dm-surface-1) !important;
} html.dark-mode div.home-usp {
background: linear-gradient(207deg, var(--grad-a) 0%, var(--grad-b) 100%) !important;
color: var(--dm-link-hover) !important;
}
html.dark-mode input.wp-block-search__input {
background-color: var(--dm-input-bg) !important;
color: var(--dm-text-input) !important;
border-color: var(--dm-border) !important;
}
html.dark-mode h2.has-background,
html.dark-mode p.rounded-block {
background-color: var(--dm-surface-4) !important;
}
html.dark-mode span.clickable-header {
color: var(--dm-text-strong) !important;
}
html.dark-mode .ctse-grid {
background-color:
var(--dm-surface-2) !important;
}
html.dark-mode div.swiper {
background-color:
var(--dm-surface-2) !important;
}
html.dark-mode .clickable-header-section {
color: var(--dm-text) !important
}
html.dark-mode div.product-section-group {
background-color:
var(--dm-surface-4) !important;
border-color: var(--dm-border) !important;
}
html.dark-mode ul.comparison-list a{
color: var(--dm-link) !important;
}
html.dark-mode .swiper-slide {
background-color: #646464 !important;
border-color: var(--dm-border) !important;
}
html.dark-mode .swiper-button-prev,
html.dark-mode .swiper-button-next {
background: rgb(160 160 160 / 80%) !important;
} html.dark-mode .product-item {
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5) !important;
} .loading_ninja_table table {
display: none !important;
}
.loading_ninja_table .nt_edit_link {
display: none;
} @keyframes loading-shimmer-smooth {
0% {transform: translateX(-75%);}
100% {transform: translateX(125%);}
} .loading_ninja_table {
min-height: 325.5px !important;
background-color: #f9fafb;
border-top: 1px solid rgba(34,36,38,.15);
border-bottom: 1px solid rgba(34,36,38,.15);
position: relative;
overflow: hidden;
} html.dark-mode .loading_ninja_table {
background-color: var(--dm-surface-3) !important;
border-top: 1px solid var(--dm-border) !important;
border-bottom: 1px solid var(--dm-border) !important;
} .loading_ninja_table::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(
to right,
transparent 40%,
#fff 50%,
transparent 60%
); animation: loading-shimmer-smooth 3s linear infinite;
} @media (max-width: 768px) {
.loading_ninja_table::before {
animation-duration: 1.5s;
}
} html.dark-mode .loading_ninja_table::before {
background-image: linear-gradient(
to right,
transparent 40%,
#272727 50%,
transparent 60%
);
} html.dark-mode div.footable-loader>span.fooicon {
filter: invert(1) !important;
} .mediavine-disclosure {
margin: 2.5em 0;
padding-left: 1.25em;
border-left: 3px solid rgba(0, 0, 0, 0.15);
} .foo-table.pivoted-view.small-font tr.pivot-header-row:not(.is-sticky) th,
.foo-table.pivoted-view.small-font .pivot-spec-row td {
width: 180px !important;
min-width: 180px !important;
max-width: 180px !important;
}
.foo-table.pivoted-view.small-font tr.pivot-header-row.is-sticky th {
width: 180px;
min-width: 180px;
max-width: 180px;
}
.foo-table.pivoted-view.small-font .pivot-header-row th {
font-size: 18px !important;
}
.foo-table.pivoted-view.small-font tr.pivot-category-row th {
font-size: 18px !important;
}
.foo-table.pivoted-view.small-font .pivot-spec-row td {
font-size: 14px !important;
}
.foo-table.pivoted-view.small-font .pivot-header-row img,
.foo-table.pivoted-view.small-font .pivot-spec-row img {
width: 130px !important;
height: 130px !important;
max-width: 130px !important;
max-height: 130px !important;
}
.foo-table.pivoted-view.extra-small-font tr.pivot-header-row:not(.is-sticky) th,
.foo-table.pivoted-view.extra-small-font .pivot-spec-row td {
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
}
.foo-table.pivoted-view.extra-small-font tr.pivot-header-row.is-sticky th {
width: 160px;
min-width: 160px;
max-width: 160px;
}
.foo-table.pivoted-view.extra-small-font .pivot-header-row th {
font-size: 16px !important;
}
.foo-table.pivoted-view.extra-small-font tr.pivot-category-row th {
font-size: 16px !important;
}
.foo-table.pivoted-view.extra-small-font .pivot-spec-row td {
font-size: 12px !important;
}
.foo-table.pivoted-view.extra-small-font .pivot-header-row img,
.foo-table.pivoted-view.extra-small-font .pivot-spec-row img {
width: 110px !important;
height: 110px !important;
max-width: 110px !important;
max-height: 110px !important;
} html.dark-mode .foo-table.pivoted-view tr.footable-header.pivot-header-row th {
background-color: var(--dm-surface-1) !important;
color: var(--dm-text-strong) !important;
border-bottom: 1px solid var(--dm-border-strong) !important;
}
html.dark-mode .foo-table.pivoted-view tr.pivot-category-row th {
background-color: var(--dm-surface-3) !important;
color: var(--dm-text-strong) !important;
border: 1px solid var(--dm-border-strong) !important;
}
html.dark-mode .foo-table.pivoted-view .pivot-label {
background-color: var(--dm-surface-3) !important;
color: var(--dm-text) !important;
border-bottom: 1px solid var(--dm-border-strong) !important;
} .pivot-header-row th,
.pivot-spec-row td,
tbody td {
overflow-wrap: break-word;
word-break: break-word;
white-space: normal !important;
}