﻿.compare_header{margin:0 auto;max-width:800px;text-align:center;width:75%;z-index:1!important}.component-compare-select{background-color:#94cfe3;background-image:url(../image/seamless_wave_compare-mask--top_2x.png),url(../image/seamless_wave_compare-mask--bottom_2x.png);background-position:top center,bottom center;background-repeat:repeat-x;background-size:768px auto;margin:60px auto;padding:0 0 100px;position:relative}.component-compare-select h3,.component-compare-select h2{margin:0 auto;position:relative;text-align:center;z-index:2}.component-compare-select h3 img,.component-compare-select h2 img{height:auto;max-width:768px;margin:auto;width:100%}.component-compare-select ul.compare-select-tabs{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-bottom:0;padding:15px 0 30px}.component-compare-select ul.compare-select-tabs li{color:#fff;font-family:Avenir,sans-serif;font-size:1.5rem;margin-bottom:0;text-transform:uppercase}.component-compare-select ul.compare-select-tabs li a,.component-compare-select ul.compare-select-tabs li a:hover{color:#fff}.component-compare-select ul.compare-select-tabs li a{opacity:.5}.component-compare-select ul.compare-select-tabs li a:hover{opacity:1}.component-compare-select ul.compare-select-tabs li .bullet{display:inline-flex;margin:0 1vw;opacity:.5}.component-compare-select ul.compare-select-tabs li:last-of-type .bullet{display:none}.component-compare-select ul.compare-select-tabs li.active a,.component-compare-select ul.compare-select-tabs li.active a:hover{opacity:1}.component-compare-select .slider-section{padding:0 15px}.component-compare-select .compare-slider{display:none;padding:0 80px;position:relative}.component-compare-select .compare-slider.splide:not(.is-overflow) .splide__arrows{display:none}.component-compare-select .compare-slider .splide__list{justify-content:center}.component-compare-select .compare-slider .splide__arrow{background:transparent;border-radius:unset;top:38%;transform:translateY(-38%)}.component-compare-select .compare-slider.active{display:block}.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{transform:translateY(-50%);top:0}.component-compare-select .compare-slider .slick-arrow.custom-arrow-left{left:0}.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{right:0}.component-compare-select .compare-slider .compare-product-slide{cursor:pointer}.component-compare-select .compare-slider .compare-product-slide:focus{outline:none}.component-compare-select .compare-slider .compare-product-slide .compare-product{padding:0 15px}.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{display:block;height:auto;margin:0 auto;width:100%}.component-compare-select .compare-slider .compare-product-slide .product-slide-text{padding-top:1em;text-align:center;margin:0 0 .5em;line-height:1.4;font-size:1rem}.component-compare-table .select-wrapper{margin:3px;width:calc(100% - 6px)}.component-compare-table .select-wrapper select.products-dropdown{border:0;font-weight:700;color:#0f5a47;font-family:Avenir,sans-serif!important}.component-compare-table .select-wrapper select option,.component-compare-table .select-wrapper .nice-select .option{display:none}.component-compare-table .select-wrapper[data-globaltype=bar] option[data-producttype=bar],.component-compare-table .select-wrapper[data-globaltype=bar] .nice-select .option[data-producttype=bar],.component-compare-table .select-wrapper[data-globaltype=drink] option[data-producttype=drink],.component-compare-table .select-wrapper[data-globaltype=drink] .nice-select .option[data-producttype=drink],.component-compare-table .select-wrapper[data-globaltype=powder] option[data-producttype=powder],.component-compare-table .select-wrapper[data-globaltype=powder] .nice-select .option[data-producttype=powder]{display:block}.component-compare-table{margin-bottom:60px}.component-compare-table table{background-color:#fff;font-size:1.25rem;table-layout:fixed;width:100%}.component-compare-table th{border:20px solid #f3f7f4;border-bottom:0;padding:0;text-align:center;vertical-align:bottom}.component-compare-table th.aloha{background-color:#f3f7f4}.component-compare-table th.aloha #aloha-logo{display:block;height:auto;margin:10px auto;max-width:200px;width:90%}.component-compare-table th.comp{background-color:#fff}.component-compare-table th.comp .add{display:none;cursor:pointer;margin:10px}.component-compare-table th.comp .add img{display:block;height:auto;width:100%}.component-compare-table th.comp[data-col=comp-1] .add{display:none!important}.component-compare-table th.comp[data-col=comp-2].empty,.component-compare-table th.comp[data-col=comp-3].empty{vertical-align:middle}.component-compare-table th.comp[data-col=comp-2].empty .add,.component-compare-table th.comp[data-col=comp-3].empty .add{display:inline-block}.component-compare-table th.comp[data-col=comp-2].empty .pop,.component-compare-table th.comp[data-col=comp-3].empty .pop{display:none}.component-compare-table th.axis{background:transparent;border:0!important;vertical-align:middle}.component-compare select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:right center;background-image:url(https://aloha.com/cdn/shop/t/201/assets/arrow-down.svg?v=41228625652702211461692319399);background-repeat:no-repeat;background-position:right 10px center;background-color:#fff;padding-right:28px;text-indent:.01px;text-overflow:"";cursor:pointer}.component-compare label{display:block;margin-bottom:6px;font-size:.875rem}.component-compare-table td{border-bottom:0;border-left:20px solid #f3f7f4;border-right:20px solid #f3f7f4;border-top:0;font-size:1rem;line-height:1.2;padding:20px 5px;font-weight:700;position:relative;text-align:center}.component-compare-table td:after{background-color:#1a9c7b;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;width:100%}.component-compare-table td .data{color:#134b3e;display:block}.component-compare-table td .data .btn.btn--stereo-fx{max-width:90%}.component-compare-table td .data .btn.btn--stereo-fx span{font-size:.875rem;line-height:1.1;margin-top:10px;margin-bottom:-10px;white-space:pre-wrap;width:100%}.component-compare-table td label{align-items:center;color:#1a9c7b;display:flex;font-family:Avenir,sans-serif;font-size:inherit;line-height:1.2;margin:0;min-height:3em;padding-left:1.5em;position:relative;text-transform:lowercase}.component-compare-table td label:before{background-color:#f3f7f4;border-radius:3em;content:"";display:block;height:3em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3em;z-index:1}.component-compare-table td label span{position:relative;z-index:2}.component-compare-table td .mobile-label{font-size:.875rem;margin-bottom:1.5em;text-align:left}.component-compare-table td .mobile-label:before{background-color:#1a9c7b;opacity:.2}.component-compare-table td.aloha{background-color:#f3f7f4}.component-compare-table td.comp{background-color:#fff}.component-compare-table td.comp:after{left:.3125rem;width:calc(100% - 10px)}.component-compare-table td.comp.empty:after{background-color:#fff}.component-compare-table td.comp.empty label,.component-compare-table td.comp.empty span{display:none}.component-compare-table td.comp[data-field=url] .data{display:none!important}.component-compare-table td.legend{background-color:#fff;border-left:0;border-top:0;padding-left:0;text-align:left}.component-compare-table td.legend:after{width:calc(100% - 20px)}.component-compare-table td.legend .data{font-family:Avenir,sans-serif}.component-compare-table tr:last-of-type td:after{display:none}.component-compare-table tr:last-of-type td.aloha,.component-compare-table tr:last-of-type td.comp{border-bottom:20px solid #f3f7f4}.component-compare-table table[data-globaltype=bar] tr[data-row=mct],.component-compare-table tr[data-row=bcorp]{display:none!important}.component-compare-table .compare-table-disclaimer{font-size:.625rem;line-height:1.1;opacity:.75;padding:25px 0 0 25%;text-align:right}.component-compare .intro p{font-weight:500}.component-compare .section-title{font-family:Avenir,sans-serif!important;color:#174332!important;font-size:2.625rem!important;margin:0 0 .5em;line-height:1.4;font-weight:800}.component-compare .breadcrumb{font-size:.8125rem;margin-bottom:30px;padding-left:30px;color:#000;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.component-compare .breadcrumb a,.component-compare .breadcrumb span{display:inline-block;padding:15px 7px 15px 0;margin-right:7px;overflow:hidden}.component-compare .breadcrumb .divider{font-size:.9375rem;font-family:Verdana,sans-serif;padding:13px 7px 13px 0;color:#767676;vertical-align:top}@media only screen and (min-width: 769px){.component-compare-table td .mobile-label{display:none!important}.component-compare-table td.aloha .data{font-family:Avenir,sans-serif}.component-compare-table td{vertical-align:middle}}@media only screen and (max-width: 768px){.component-compare-select{background-size:100% auto}.component-compare-table td{vertical-align:top}.component-compare-table td .mobile-label{display:flex}.component-compare-table .compare-table-disclaimer{padding-left:0}.compare_header{width:calc(100% - 60px)}.component-compare-table .legend{display:none}.component-compare-table .aloha,.component-compare-table .comp{width:50%}.component-compare-table .comp[data-col=comp-2],.component-compare-table .comp[data-col=comp-3]{display:none!important}.component-compare-select ul.compare-select-tabs{flex-direction:column}.component-compare-select ul.compare-select-tabs li{font-size:1.375rem}.component-compare-select ul.compare-select-tabs li .bullet{display:none}.component-compare-select .compare-slider{padding:0 50px}.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{height:40px;width:35px}}@media only screen and (min-width: 769px) and (max-width: 1023px){.component-compare-table .legend{width:25%}.component-compare-table .aloha{width:35%}.component-compare-table .comp{width:20%}.component-compare-table .comp[data-col=comp-3]{display:none!important}.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{max-width:22vw}}@media only screen and (min-width: 1024px){.component-compare-table .legend{width:22%}.component-compare-table .aloha{width:33%}.component-compare-table .comp{width:15%}.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{max-width:234px}}@media screen and (min-width: 481px){body.page-compare .main-content{max-width:100%;padding:0}}@media only screen and (min-width: 481px) and (max-width: 768px){.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{max-width:32vw}.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{top:calc(((100vw - 190px)/2 - 30px)/2)}}@media only screen and (min-width: 1281px){.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{top:121.25px}}@media only screen and (min-width: 1024px) and (max-width: 1280px){.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{top:calc(((100vw - 190px)/4 - 30px)/2)}.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{max-width:18vw}}@media only screen and (min-width: 769px) and (max-width: 1023px){.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{top:calc((((100vw - 190px) / 3) - 30px) / 2)}}@media only screen and (max-width: 480px){.component-compare-select .compare-slider .compare-product-slide .product-slide-image img{max-width:calc(100vw - 145px)}.component-compare-select .compare-slider .slick-arrow.custom-arrow-left,.component-compare-select .compare-slider .slick-arrow.custom-arrow-right{top:calc((100vw - 210px)/2)}}.component-compare-table td.comp .data{font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/278/assets/component-compare.css.map?v=52610547876758285361721755314 */
