.c-compare-widget{--c-compare-widget-z-index:var(--theme-component-compare-widget-z-index,100);--c-compare-widget-background:var(--theme-component-compare-widget-background,#363636eb);--c-compare-widget-transition:var(--theme-component-compare-widget-transition,transform .3s ease);--c-compare-widget-column-gap:var(--theme-component-compare-widget-column-gap,var(--theme-spacing-medium));--c-compare-widget-slot-height:var(--theme-component-compare-widget-slot-height,88px);--c-compare-widget-item-padding:var(--theme-component-compare-widget-item-padding,var(--theme-spacing-xsmall));--c-compare-widget-item-column-gap:var(--theme-component-compare-widget-item-column-gap,var(--theme-spacing-xsmall));--c-compare-widget-item-row-gap:var(--theme-component-compare-widget-item-row-gap,2px);--c-compare-widget-item-background:var(--theme-component-compare-widget-item-background,var(--theme-color-white));--c-compare-widget-label-line-height:var(--theme-component-compare-widget-label-line-height,var(--theme-typography-lineheight-medium));--c-compare-widget-empty-background:var(--theme-component-compare-widget-empty-background,var(--theme-color-shade-dark));--c-compare-widget-empty-color:var(--theme-component-compare-widget-empty-color,var(--theme-color-shade-medium));--c-compare-widget-empty-font-size:var(--theme-component-compare-widget-empty-font-size,1.125rem);--c-compare-widget-actions-gap:var(--theme-component-compare-widget-actions-gap,var(--theme-spacing-small));--c-compare-widget-clear-btn-font-size:var(--theme-component-compare-widget-clear-btn-font-size,.875rem);--c-compare-widget-clear-btn-hover-color:var(--theme-component-compare-widget-clear-btn-hover-color,var(--theme-color-shade-medium));--c-compare-widget-disabled-opacity:var(--theme-component-compare-widget-disabled-opacity,.5);z-index:var(--c-compare-widget-z-index);background-color:var(--c-compare-widget-background);transition:var(--c-compare-widget-transition);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}@media not all and (min-width:768px){.c-compare-widget{display:none}}.c-compare-widget--visible{transform:translateY(0)}.c-compare-widget--hidden{transform:translateY(100%)}.c-compare-widget .c-block{background:0 0}.c-compare-widget .c-block__content{row-gap:0;padding:0}.c-compare-widget .c-comparison-grid__grid{-moz-column-gap:var(--c-compare-widget-column-gap);column-gap:var(--c-compare-widget-column-gap);align-items:center}@media (min-width:768px) and (max-width:991px){.c-compare-widget .c-comparison-grid__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.c-compare-widget .c-comparison-grid__grid{grid-template-columns:repeat(4,1fr)}}.c-compare-widget__slot{height:var(--c-compare-widget-slot-height)}.c-compare-widget__item{-moz-column-gap:var(--c-compare-widget-item-column-gap);column-gap:var(--c-compare-widget-item-column-gap);row-gap:var(--c-compare-widget-item-row-gap);background-color:var(--c-compare-widget-item-background);padding:var(--c-compare-widget-item-padding);grid-template:"image label remove""image shortPos."/56px 1fr 20px;align-items:start;height:100%;display:grid;overflow:hidden}.c-compare-widget__item-image{grid-area:image;align-self:center;width:56px;height:56px}.c-compare-widget__item-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.c-compare-widget__item-label{font-weight:var(--theme-typography-weight-semibold);grid-area:label;align-self:end}.c-compare-widget__item-label,.c-compare-widget__item-shortpos{font-size:var(--theme-typography-base-size-small);line-height:var(--c-compare-widget-label-line-height);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.c-compare-widget__item-shortpos{font-weight:var(--theme-typography-weight-regular);grid-area:shortPos;align-self:start}.c-compare-widget__item-remove{cursor:pointer;color:var(--theme-color-primary);background:0 0;border:none;flex-shrink:0;grid-area:remove;justify-content:center;align-self:start;align-items:center;padding:0;display:flex}.c-compare-widget__item-remove .c-icon svg{color:var(--theme-color-secondary)}.c-compare-widget__item-remove:focus-visible{outline-offset:2px;outline:2px solid}.c-compare-widget__slot-empty{background-color:var(--c-compare-widget-empty-background);height:100%;color:var(--c-compare-widget-empty-color);font-size:var(--c-compare-widget-empty-font-size);font-weight:var(--theme-typography-weight-semibold);justify-content:center;align-items:center;display:flex}.c-compare-widget__actions{justify-content:center;align-items:center;gap:var(--c-compare-widget-actions-gap);flex-direction:column;display:flex}.c-compare-widget__compare-btn--disabled{pointer-events:none;opacity:var(--c-compare-widget-disabled-opacity)}.c-compare-widget__clear-btn{color:var(--theme-color-white)}.c-compare-widget__clear-btn:hover{color:var(--c-compare-widget-clear-btn-hover-color)}.c-compare-widget__clear-btn:focus-visible{outline:2px solid var(--theme-color-white);outline-offset:2px}