{"product_id":"yeti-hopper-flip-12-portable-soft-cooler_9cec4839","title":"Hopper Flip 12 Portable Soft Cooler","description":"\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection                class=\"desc-box\"                transform-if=\"(info.sizeGuide)?? \u0026\u0026 info.sizeGuide != ''\"                v-html=\"info.sizeGuide\"                \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection                class=\"desc-box\"                transform-if=\"(info.sizeGuide)?? \u0026\u0026 info.sizeGuide != ''\"                v-html=\"info.sizeGuide\"                \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv\u003e\u003ctable class=\"a-normal a-spacing-micro\"\u003e\u003ctbody\u003e\n\u003ctr class=\"a-spacing-small po-brand\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eBrand\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eYETI\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-color\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eColor\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eCharcoal\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-material\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eMaterial\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eFoam\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-container.type\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003ePackage Information\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eCans\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-capacity\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eCapacity\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e15 Pounds\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_depth_width_height\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eProduct Dimensions\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e10\"D x 12.63\"W x 11.5\"H\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_weight\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eItem Weight\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e1.7 Kilograms\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-special_feature\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eSpecial Feature\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003ePortable\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-model_name\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eModel Name\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003ezipper\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-pattern\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003ePattern\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eLetter Print\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The Hopper Flip 12 has ColdCell Insulation. a closed-cell foam that offers superior cold-holding to ordinary soft coolers. with a capacity of up to 12 cans plus ice \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Features a 100% leakproof HydroLok Zipper and high-density fabric that withstands punctures and UV rays \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Its DryHide Shell is waterproof and resistant to punctures. and abrasions so it will hold its own when faced with the hazards of the wild \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The only personal cooler that's game for full days in the tree stand. early mornings in the duck boat. or afternoons on the water \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The Hopper Flip 12 dimensions are 12 5\/8 in long x 10 in wide x 11 ½ in high and an empty weight of 3.1 lbs \u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\u003ctable class=\"a-keyvalue prodDetTable\" id=\"productDetails_techSpec_section_1\" role=\"presentation\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎YETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Color \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Charcoal \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Material \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Foam \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Information \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Cans \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Capacity \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎15 Pounds \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Product Dimensions \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎10\"D x 12.63\"W x 11.5\"H \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Weight \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎1.7 Kilograms \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Special Feature \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Portable \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Model Name \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎zipper \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Pattern \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Letter Print \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Insulation Material \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎Foam \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Depth \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎10 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Height \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎11.5 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Width \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎10 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Package Dimensions L x W x H \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎14 x 13.62 x 11 inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Weight \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎1.84 Kilograms \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Dimensions LxWxH \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎14 x 11 x 14 inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand Name \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎YETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Suggested Users \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎mens \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Number of Items \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎1 \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Manufacturer \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎YETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Part Number \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎18010110002 \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Size \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e ‎1 EA \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003cbr\u003e\u003cdiv cel_widget_id=\"aplus\" class=\"aplus-v2 desktop celwidget\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.aplus-v2 .premium-aplus-module-3 .premium-module-3-heading {    padding-bottom: 40px;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {     text-align: center; }.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {    text-align: inherit;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {    display: inline-block;    vertical-align: top;    width: 25%;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {    padding: 0 20px;}.aplus-v2 .premium-aplus-module-3 .column-heading {    padding-top: 20px;}.aplus-v2 .premium-aplus-module-3 .column-description {    padding-top: 10px;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {    position: relative;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {    position: absolute;    width: 50%;    height: 100%;    top: 0;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {    left: 50%;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {    left: auto;    right: 50%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {    color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background {    padding: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {    padding-bottom: 10px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {    padding-bottom: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {    line-height: 1.5em;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {    background: rgba(255.255.255.0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {    background: rgba(0.0.0.0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item..aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {  color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {    display: table;    height: 100%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {    padding-left: 40px;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\tpadding-left: 0px;\tpadding-right: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {    padding-right: 40px;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {    padding-right: 0px;    padding-left: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {    display: table-cell;    vertical-align: middle;}\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {P.now('premium-module-5-comparison-table-scroller').execute(function(init){    if (init) {        return;    }    P.register('premium-module-5-comparison-table-scroller'. function(){        return function() {            P.when('jQuery'. 'a-popover'. 'A'. 'ready').execute(function($. popover. A) {                function initCompTable(module) {                    \/**                    * Premium comparison table: popover trigger module                    *\/                    var comparisonName = $(module).data('comparison-name');                    (function() {                        var $additionalInfo = $('.aplus-v2 .aplus-popover-trigger');                        $additionalInfo.each(function(i. trigger) {                            return popover.create(trigger. $(trigger).data());                        });                        $additionalInfo.hover(                            function() {                                $(this).focus();                            }                        );                    })();                    \/**                    * Premium comparison table: adjust column width module                    *\/                    (function() {                        var VISIBLE_COLUMNS = 4.2;  \/* How many visible columns on load *\/                        var MIN_WIDTH = 230;                        var getWidth = function() {                            return $(this).outerWidth();                        }                        \/* cache selectors *\/                        var                            $container = $('.aplus-v2 .comparison-table #'+comparisonName).                            $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute').                            $slider = $('.aplus-v2 .comparison-table #'+comparisonName+' .table-slider').                            $columns = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column').                            $activeColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column.active.active-item');                        \/* Formula for determining desired column width *\/                        var calculatedColumnWidth = Math.floor(                            ($container.innerWidth() - $header.innerWidth()) \/ VISIBLE_COLUMNS                        );                        var childWidths = $activeColumn.map(getWidth).get();                        var maxChildWidth = Math.max(MIN_WIDTH. Math.max.apply(Math. childWidths));                        var minColumnWidth = $columns.innerWidth();                        var calculatedPadding = $header.innerWidth() + maxChildWidth;                        \/* set the min-width of each column to the calulated width or minWidth *\/                        $columns.css(                            'min-width'.                            Math.max(MIN_WIDTH. (calculatedColumnWidth \u003c minColumnWidth                                ? calculatedColumnWidth                                : minColumnWidth))                        );                        $activeColumn.css('width'. maxChildWidth);                        \/* AUI RTL script automatically changes this to padding-right under RTL context *\/                        $slider.css('padding-left'. calculatedPadding);                        \/* show the component *\/                        $container.removeClass('loading');                    })();                    \/**                    * Premium comparison table: top scroll bar                    *\/                    (function() {                        \/* cache selectors *\/                        var                            $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute').                            $fixedColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' td.active').                            $scrollWrapperTop = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-top').                            $scrollWrapperBottom = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-bottom').                            $scrollWidth = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-width').                            $scrollBar = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-bar');                        \/* confirm fixed column exists and can add width to the total width of the scroll bar *\/                        var fixedColumnWidth = $fixedColumn.innerWidth();                        if ( fixedColumnWidth === null ) {                            fixedColumnWidth = 0;                        }                        \/* set width of scrollBar *\/                        $scrollBar.css('width'. $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth());                        \/* connect scrolls together *\/                        $scrollWrapperTop.scroll(function() {                            $scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft());                        });                        $scrollWrapperBottom.scroll(function() {                            $scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft());                        });                    })();                }                $('.aplus-v2 .premium-aplus-module-5 .table-container').each(function(index. module) {                    initCompTable(module);                });            });        }    });});}));\u003c\/script\u003e\u003cstyle type=\"text\/css\"\u003e\/** * Premium-module 5: Comparision table - scroller *\/.aplus-v2 .premium-aplus-module-5 h1 {    padding-bottom: 30px;}\/* position column-headers relative to this table *\/.aplus-v2 .premium-aplus-module-5 .table-container {    position: relative;    opacity: 1;}.aplus-v2 .premium-aplus-module-5 .table-container.loading {    opacity: 0;}.aplus-v2 .premium-aplus-module-5 .table-slider {    overflow-x: scroll;    overflow-y: visible;    width: 100%;}\/* left column headers are absolute positioned *\/.aplus-v2 .premium-aplus-module-5 td.attribute {    position: absolute;    width: 300px;    top: auto;    left: 0;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-5 td.attribute {    right: 0px;    left: auto;}.aplus-v2 .premium-aplus-module-5 td.active-item {    position: absolute;    top: auto;    left: 300px;}htmldir=\"rtl\"  .premium-aplus-module-5 td.active-item {    left: auto;    right: 300px;}.aplus-v2 .premium-aplus-module-5 .attribute..aplus-v2 .premium-aplus-module-5 .active-item..aplus-v2 .premium-aplus-module-5 .description {    font-size: 16px;    font-family: arial;    line-height: 2.5em;    white-space:nowrap;    color: #000;}.aplus-v2 .premium-aplus-module-5 .attribute..aplus-v2 .premium-aplus-module-5 .active-item..aplus-v2 .premium-aplus-module-5 .description {    font-family: inherit;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute..aplus-v2 .premium-aplus-module-5 table.a-bordered td.active-item {    background-color: #fff;    z-index: 100;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute..aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item {    background-color: #f0f2f2;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute {    border-bottom: #f0f2f2 solid 1px;}\/* Override AUI - the odd rows have a white background while the even ones have gray background *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(odd) {    background-color: #fff;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) {    background-color: #f0f2f2;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .comparison-metric-name {    outline-style: none;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after {    content: \"?\";    display: inline-block;    font-size: 12px;    position: relative;    bottom: 5px;}.aplus-v2 .premium-aplus-module-5 td.attribute.empty {    height: 332px;}.aplus-v2 .premium-aplus-module-5 .header-img {    padding-top: 10px;}\/* Prevent table borders from overlapping *\/.aplus-v2 .premium-aplus-module-5 table {    border-collapse: separate;}\/* Override default AUI .a-bordered table borders *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered td..aplus-v2 .premium-aplus-module-5 table.a-bordered th..aplus-v2 .premium-aplus-module-5 table.a-bordered {    border-width: 0;    border-color: #eaeaea;    border-style: solid;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td {    border-right-width: 1px;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {    border-right-width: 0;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {    border-right-width: 1px;}\/* Active column should be surrounded in darker border. *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered td.active {    border-color: #767676;    border-right-width: 1px;    border-left-width: 1px;}\/* Top Active column needs border-top *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:first-child td.active {    border-top-width: 1px;    height: 332px;}\/* Bottom column column needs border-bottom *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:last-child td.active {    border-bottom-width: 1px;}\/* Size the top scroller *\/.aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top {    width: 100%;    height: 20px;    overflow-x: scroll;    overflow-y: visible;}.aplus-v2 .premium-aplus-module-5 .scroll-bar {    height: 1px;}.aplus-v2 .premium-aplus-module-5 .add-to-cart {    line-height:     font-weight: normal;}.aplus-v2 .premium-aplus-module-5 .review {    font-size: 14px;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * Premium modules global styles *\/.aplus-v2.desktop {  max-width: 1464px;  min-width: 800px;  margin-left: auto;  margin-right: auto;  word-wrap: break-word;  overflow-wrap: break-word;  word-break: break-word;}\/* Undo this for tech-specs because it breaks table layout *\/.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }.aplus-v2 .premium-aplus..aplus-v2 .premium-aplus .aplus-h1..aplus-v2 .premium-aplus .aplus-h2..aplus-v2 .premium-aplus .aplus-p1..aplus-v2 .premium-aplus .aplus-p2..aplus-v2 .premium-aplus .aplus-p3..aplus-v2 .premium-aplus .aplus-accent1..aplus-v2 .premium-aplus .aplus-accent2{ font-family: Arial. sans-serif; }.aplus-v2 .premium-aplus..aplus-v2 .premium-aplus .aplus-h1..aplus-v2 .premium-aplus .aplus-h2..aplus-v2 .premium-aplus .aplus-p1..aplus-v2 .premium-aplus .aplus-p2..aplus-v2 .premium-aplus .aplus-p3..aplus-v2 .premium-aplus .aplus-accent1..aplus-v2 .premium-aplus .aplus-accent2{ font-family: inherit; }\/* type *\/.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }\/* spacing *\/.aplus-v2 .aplus-container-1 { padding: 40px; }.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }.aplus-v2 .aplus-container-2 { padding: 80px; }.aplus-v2 .aplus-container-3 { padding: 40px 0; }\/* Display *\/.aplus-v2 .premium-aplus .aplus-display-table { display: table; }.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }\/* Aplus display table with min-width 1000px and fill remaining space inside parent *\/.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }\/*** Padding and margin for element should be 10. 20. 40. or 80 px. Considering mini 10. small 20. medium 40. large 80.*\/\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * Premium-module 12: Nav Carousel *\/.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {    position: relative;    width: 100%;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {    position: relative;}.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {    \/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) *\/    padding-top: calc(600 \/ 1464 * 100%); \/* ~40.983% *\/    height: 0;}.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container \u003e div {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;}\/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. *\/.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {    height: 100% !important;}.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {    width: 100%;    height: auto;}.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {    position: absolute;    top: 0;    width: 50%;    height: 100%;}.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {    display: table;    width: 100%;    height: 100%}.aplus-v2 .premium-aplus-module-12 .card-description {    text-align: left;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-12 .card-description {    text-align: right;}.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {    display: table-cell;    vertical-align: middle;}.aplus-v2 .premium-aplus-module-12 .aplus-text-background {    padding: 20px;}.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {    background: rgba(0. 0. 0. 0.5);}.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item..aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {    color: #fff;}.aplus-v2 .premium-aplus-module-12 .description {    padding-top: 20px;}\/* nav *\/.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {    position: absolute;    top: 20px;    width: 100%;    text-align: center;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {    display: inline-block;    margin: 7px 10px;    cursor: pointer;    border-radius: 30px;    border: 2px solid #000;    line-height: 2.5em;    min-width: 200px;    background-color: #fff;    white-space: nowrap;    color: #000;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {    display: none;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {    border-color: #fff;    background-color: #000;    color: #fff;}\/** * Regimen template specific css *\/.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    text-align: left;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    text-align: right;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {    text-align: right;    top: 50%;    width: 250px;    right: 75px;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {    text-align: left;    top: 50%;    left: 75px;    right: auto;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    display: inline-block;    margin: 10px 10px;    cursor: pointer;    border-radius: 30px;    border: 2px solid #000;    line-height: 2.5em;    width: 220px;    background-color: #fff;    white-space: nowrap;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {    border-color: #fff;    background-color: #000;    color: #fff;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {    display: inline-block;    margin-left: 6px;    width: 16px;    line-height: 26px;    color: #000;    text-align: center;}htmldir=\"rtl\" .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {    margin-left: 0px;    margin-right: 6px;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {    color: #fff;}.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {    position: absolute;    top: 0;    left: 0;    width: 100%;    background-color: #000;    opacity: 0.5;    text-align: center;}.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {    color: #fff;    line-height: 2em;}\/** * Navigation template specific css *\/.aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions {    background-color: rgba(0. 0. 0. 0.8);    top: 0px;}.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn {    padding: 8px;    color: #fff;    background-color: transparent;    border: none;}.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active {    text-decoration: underline;    text-underline-offset: 0.8em;    text-decoration-thickness: 3px;    background-color: transparent;    border: none;}\u003c\/style\u003e\n\u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {P.now('premium-module-12-nav-carousel').execute(function(init) {    if (init) {        return;    }    P.register('premium-module-12-nav-carousel'. function(){        return function() {            P.when('A'. 'jQuery'. 'a-carousel-framework'. 'ready').execute(function (A. $. framework) {                function initiateCarousel(module) {                    var MODULE_ID = $(module).data('module-id');                    \/**                    * Carousel button element classname                    * @const                    *\/                    var GOTO_BTN_CLASS_NAME = \"aplus-goto-btn-\" + MODULE_ID;                    \/**                    * Carousel button element active classname                    * @const                    *\/                    var GOTO_BTN_ACTIVE_CLASS_NAME = \"aplus-active\";                    \/**                    * AUI name for aui carousel                    * @const                    *\/                    var CAROUSEL_NAME = \"premium-aplus-12-carousel-\" + MODULE_ID;                    \/**                    * Module class name                    * @const                    *\/                    var MODULE_CLASS_NAME = \".aplus-v2 .premium-aplus-module-12\";                    \/**                    * Carousel text container class name                    * @const                    *\/                    var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-carousel-text-container-\" + MODULE_ID;                    \/**                    * Carousel text hidden class name                    * @const                    *\/                    var TEXT_CONTAINER_HIDDEN = \"aplus-hidden\";                    \/**                    * Carousel horizontal scroll container class name                    * @const                    *\/                    var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-horizontal-scroll-container-\" + MODULE_ID;                    function showCarouselText(oldIndex. newIndex) {                        var oldClass = TEXT_CONTAINER_CLASS_NAME + \"-\" + oldIndex;                        var newClass= TEXT_CONTAINER_CLASS_NAME + \"-\" + newIndex;                        $(oldClass).addClass(TEXT_CONTAINER_HIDDEN);                        $(newClass).removeClass(TEXT_CONTAINER_HIDDEN);                    }                    function scrollToCarouselButton(scrollLeft) {                        if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {                            $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}. 200);                        }                    }                    \/**                    * Creates a CarouselButton class for provided carousel instance                    * @param {object} carousel - AUI Carousel instance                    * @returns {Class} - CarouselButton Class                    *\/                    function CarouselButtonTemplate(carousel) {                        \/**                        * Button for controlling the active slide                        * @constructor                        * @param {number} index - slide index                        * @param {DOMElement} elem - optional DOM element to use as this objects DOM representation                        *\/                        function CarouselButton(index. elem) {                            var self = this;                            this.index = index;                            this.carousel = carousel;                            \/* create the button element *\/                            this.elem = this.getElem(elem);                            this.$elem = $(this.elem);  \/* store jquery version *\/                            this.elem.addEventListener('click'. self.handleClick.bind(self));                            \/* add this object to the object manager *\/                            CarouselButton.objects.byIdindex = this;                            CarouselButton.objects.all.push(this);                        }                        \/**                        * Describe behavior for click events on this.elem                        * @memberOf CarouselButton                        *\/                        CarouselButton.prototype.handleClick = function(e) {                            e.preventDefault();                            this.carousel.gotoPage(this.index);                        };                        \/**                        * Enter active state                        * @memberOf CarouselButton                        *\/                        CarouselButton.proto\u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Canopy Green","offer_id":44506074972253,"sku":"Canopy Green -124312830","price":52.6,"currency_code":"USD","in_stock":true},{"title":"Navy","offer_id":44506075005021,"sku":"Navy -124312816","price":58.12,"currency_code":"USD","in_stock":true},{"title":"Aquifer Blue","offer_id":44506075037789,"sku":"Aquifer Blue -124312822","price":55.68,"currency_code":"USD","in_stock":true},{"title":"Bimini Pink","offer_id":44506075070557,"sku":"Bimini Pink -124312823","price":55.71,"currency_code":"USD","in_stock":true},{"title":"Sagebrush Green","offer_id":44506075103325,"sku":"Sagebrush Green -124312825","price":58.1,"currency_code":"USD","in_stock":true},{"title":"King Crab","offer_id":44506075136093,"sku":"King Crab -124312829","price":57.65,"currency_code":"USD","in_stock":true},{"title":"Fog Gray\/Tahoe Blue","offer_id":44506075168861,"sku":"Fog Gray\/Tahoe Blue -124312826","price":58.43,"currency_code":"USD","in_stock":true},{"title":"Cosmic Lilac","offer_id":44506075201629,"sku":"Cosmic Lilac -124312821","price":53.31,"currency_code":"USD","in_stock":true},{"title":"Alpine Yellow","offer_id":44506075234397,"sku":"Alpine Yellow -124312819","price":53.81,"currency_code":"USD","in_stock":true},{"title":"Camp Green","offer_id":44506075267165,"sku":"Camp Green -124312812","price":55.36,"currency_code":"USD","in_stock":true},{"title":"Agave Teal","offer_id":44506075299933,"sku":"Agave Teal -124312817","price":57.37,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":44506075332701,"sku":"Charcoal -124312813","price":58.98,"currency_code":"USD","in_stock":true},{"title":"Nordic Purple","offer_id":44506075365469,"sku":"Nordic Purple -124312818","price":54.47,"currency_code":"USD","in_stock":true},{"title":"Coral","offer_id":44506075398237,"sku":"Coral -124312824","price":54.68,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/9988\/0285\/files\/329f5a915f0b23a61e3df9824f1bb6f6dc76235818ef0cb02de21ffc4d25f358.webp?v=1780898343","url":"https:\/\/www.slowix.com\/products\/yeti-hopper-flip-12-portable-soft-cooler_9cec4839","provider":"SLOWIX","version":"1.0","type":"link"}