div#comparisonDeck{box-sizing:border-box;display:flex;padding:24px;position:fixed;bottom:0;z-index:112;height:176px;width:100%;align-items:center;justify-content:center;background:#f8fafc;box-shadow:0 -5px 10px rgba(0,82,105,0.25);transition:height .2s ease-out}
@media(max-width:767px){div#comparisonDeck{display:none}
}
@media(max-width:1023px){div#comparisonDeck{display:none}
}
@media(min-width:1024px) and (max-width:1440px){div#comparisonDeck{height:276px}
}
div#comparisonDeck.minimized{height:24px;padding:0}
div#comparisonDeck.minimized .left-deck-container{display:none}
div#comparisonDeck.minimized .right-deck-container{display:none}
div#comparisonDeck .toggle-container{position:absolute;top:-19px;width:100%;display:flex;justify-content:center;align-items:center;z-index:1}
div#comparisonDeck .toggle-container .toggle-view{display:inline-block;height:20px;width:20%;line-height:1.5em;text-align:center;color:#303030;background:#f8fafc;box-shadow:0 -8px 10px rgba(0,82,105,0.25);border-top-left-radius:8px;border-top-right-radius:8px}
div#comparisonDeck .toggle-container .toggle-view:hover{cursor:pointer}
div#comparisonDeck .toggle-container .toggle-view .toggle-button{background:transparent;border:0;width:100px}
div#comparisonDeck .left-deck-container{display:flex;flex-direction:row;flex:0 0 80%}
div#comparisonDeck .left-deck-container .deck-item:first-child{border-left:2px solid #d5d6d7}
div#comparisonDeck .left-deck-container .deck-item{box-sizing:border-box;position:relative;padding:8px 16px;height:128px;background:#fff;border-width:2px 2px 2px 0;border-style:solid;border-color:#d5d6d7;flex:none;order:1;align-self:stretch;flex-grow:1}
@media(min-width:1024px) and (max-width:1440px){div#comparisonDeck .left-deck-container .deck-item{height:212px}
}
div#comparisonDeck .left-deck-container .deck-item.empty{background:#efefef}
div#comparisonDeck .left-deck-container .deck-item .item-clear{outline:none !important;position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;justify-content:center;align-items:center;background:#fff;border:.75px solid #7bb8c9;box-shadow:.75px 1.5px 3px rgba(0,0,0,0.2);border-radius:13.5px}
div#comparisonDeck .left-deck-container .deck-item .item-clear:hover{background:#ecf9fe;border:1px solid #61a4b8;cursor:pointer}
div#comparisonDeck .left-deck-container .deck-item .item-clear:active{background:#f6fcfe;border:1px solid #5599b0;box-shadow:none}
div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper{display:flex}
@media(min-width:1024px) and (max-width:1440px){div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper{display:grid}
}
div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-image{width:84px;height:84px;background:#efefef}
div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-sku{font-weight:400;font-size:16px;line-height:24px;color:#303030;padding-top:7px}
div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-short-description{font-weight:600;font-size:16px;line-height:24px;color:#017698;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-info-container{display:grid;padding-top:16px;padding-left:16px}
@media(min-width:1024px) and (max-width:1440px){div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-info-container{width:90%}
}
@media(min-width:1441px){div#comparisonDeck .left-deck-container .deck-item .item-image-wrapper .item-info-container{width:62%}
}
div#comparisonDeck .right-deck-container{flex:0 0 20%;text-align:center;display:flex;flex-direction:column;justify-content:center;padding-left:32px}
div#comparisonDeck .right-deck-container span.remove-all{font-weight:400;font-size:16px;line-height:19px;margin-bottom:12px;color:#017698}
div#comparisonDeck .right-deck-container span.remove-all:hover{cursor:pointer;color:#005073}