.hdt-card-product__media{position:relative}.sn-compare-checkbox{position:absolute;bottom:var(--spacing-1-4);left:var(--spacing-1-4);z-index:6;display:inline-flex;align-items:center;gap:.8rem;padding:.2rem .8rem .2rem .6rem;border:0;border-radius:.6rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none}sn-compare-checkbox{--compare-checkbox-accent: var(--clr-neutral-500);--compare-checkbox-accent-soft: var(--clr-neutral-300);--compare-checkbox-focus: var(--clr-neutral-600)}.sn-compare-checkbox:focus-visible{outline:2px solid var(--compare-checkbox-focus);outline-offset:2px}.sn-compare-checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:.4rem;background:var(--compare-checkbox-accent-soft);flex-shrink:0;transition:background-color .18s ease}.sn-compare-checkbox__check{display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}.sn-compare-checkbox__check i,.sn-compare-checkbox__check svg{width:.8rem;height:.8rem;font-size:.8rem;line-height:1}sn-compare-checkbox.is-active .sn-compare-checkbox__box{background:var(--compare-checkbox-accent)}sn-compare-checkbox.is-active .sn-compare-checkbox__check{opacity:1}sn-compare-checkbox.is-disabled{opacity:.35;cursor:not-allowed;visibility:hidden}.sn-compare-bar{--universal-gradient-shark-ninja: linear-gradient(90deg, var(--clr-shark-home-600) 0%, var(--clr-ninja-600) 100%);position:fixed;right:1.6rem;bottom:1.6rem;z-index:46;width:100%;max-width:23.6rem;color:var(--clr-neutral-50)}.sn-compare-bar[hidden]{display:none!important}.sn-compare-bar__stack{position:relative;display:flex;flex-direction:column;gap:1.6rem;width:100%;padding:1.6rem;border-radius:.8rem;will-change:transform,padding}.sn-compare-bar__panel-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:color-mix(in oklch,var(--clr-neutral-800) 40%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:0}.sn-compare-bar[data-mode=expanded] .sn-compare-bar__panel-bg{opacity:1}.sn-compare-bar__header{position:absolute;top:1.6rem;left:1.6rem;right:1.6rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;will-change:transform,opacity;transform-origin:bottom center;pointer-events:none}.sn-compare-bar__list,.sn-compare-bar__footer{position:relative;z-index:1}.sn-compare-bar__list{margin:4rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.8rem;overflow:visible}.sn-compare-bar__footer{display:flex;align-items:center;gap:1.2rem;will-change:transform,opacity}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__footer{position:absolute;overflow:hidden;height:0;opacity:0;pointer-events:none}.sn-compare-bar__heading{margin:0;color:color-mix(in oklch,var(--clr-neutral-50) 60%,transparent)}.sn-compare-bar__toggle{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.sn-compare-bar__toggle-icon{position:relative;width:2.4rem;height:2.4rem;border-radius:999px}.sn-compare-bar__toggle-icon span{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.sn-compare-bar__toggle-icon i,.sn-compare-bar__toggle-icon svg{width:1rem;height:1rem;font-size:1rem;line-height:1}.sn-compare-bar__toggle-icon-plus,.sn-compare-bar[data-mode=truncated] .sn-compare-bar__toggle-icon-minus{opacity:0;transform:scale(.75)}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__toggle-icon-plus{opacity:1;transform:scale(1)}.sn-compare-bar__slot{position:relative;flex-shrink:0;will-change:transform,opacity;transform-origin:center bottom}.sn-compare-bar__item{display:flex;align-items:center;gap:.8rem;min-height:4.8rem;padding:.4rem 4rem .4rem .4rem;border-radius:.8rem}.sn-compare-bar__item--product{color:var(--clr-neutral-800);background:var(--clr-neutral-50);text-decoration:none;box-shadow:0 4px 16px color-mix(in oklch,var(--clr-neutral-800) 15%,transparent)}.sn-compare-bar__item--empty{background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sn-compare-bar__image-wrap{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.4rem;overflow:hidden;flex-shrink:0;background:color-mix(in oklch,var(--clr-neutral-50) 20%,transparent)}.sn-compare-bar__image-wrap img{width:100%;height:100%;object-fit:cover}.sn-compare-bar__image-wrap--empty{border-radius:999px;color:var(--clr-neutral-50);background:var(--alpha-white-20, rgba(255, 255, 255, .2))}.sn-compare-bar__image-wrap--empty i,.sn-compare-bar__image-wrap--empty svg{width:1rem;height:1rem;font-size:1rem;line-height:1}.sn-compare-bar__title{display:-webkit-box;overflow:hidden;color:inherit;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.sn-compare-bar__remove{position:absolute;right:1.2rem;top:.7rem;width:1.4rem;height:1.4rem;padding:0;border:0;background:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--clr-neutral-800)}.sn-compare-bar__remove i,.sn-compare-bar__remove svg{width:1rem;height:1rem;font-size:1rem;line-height:1}.sn-compare-bar__clear{padding:0;border:0;background:transparent;text-decoration:underline;cursor:pointer}.sn-compare-bar__compare{--height-btn: 2.8rem;--padding-button: .4rem 1.2rem;--rounded-button: 999px;--thickness-btn: 1px;--color-button-border: var(--clr-neutral-200);--color-btn-primary: var(--clr-neutral-50);--color-btn-primary-hover: var(--clr-neutral-200);--color-btn-secondary: var(--clr-neutral-800);--color-btn-secondary-hover: var(--clr-neutral-800);flex:1 0 0}@media(hover:hover)and (pointer:fine){.sn-compare-bar__compare:not(.is-disabled):hover{--color-button-border: var(--clr-neutral-300);--color-btn-primary: var(--clr-neutral-200)}}.sn-compare-bar__compare.is-disabled{opacity:.5;pointer-events:none}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__stack{position:relative;padding:0;gap:0;cursor:pointer;overflow:visible;transition:filter .25s ease}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__stack.is-hovered:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--compare-stack-hover-hit-pad, 0px));height:var(--compare-stack-hover-hit-pad, 0px);pointer-events:auto}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__stack.is-hovered{filter:drop-shadow(0 6px 20px color-mix(in oklch,var(--clr-neutral-800) 18%,transparent))}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__list,.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot,.sn-compare-bar[data-mode=truncated] .sn-compare-bar__item,.sn-compare-bar[data-mode=truncated] .sn-compare-bar__header{pointer-events:none}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__toggle{pointer-events:auto}.sn-compare-bar[data-mode=truncated] [data-compare-link]{pointer-events:none}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__list{margin-top:0;padding:0 1.6rem;box-sizing:border-box;overflow:hidden}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__list.is-animating-collapse{overflow:visible}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot.is-empty{display:none!important;visibility:hidden;pointer-events:none;height:0!important;margin:0!important;overflow:hidden}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot{width:100%;margin-left:auto;margin-right:auto}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__item{height:5.6rem;min-height:5.6rem;box-sizing:border-box}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot[data-stack-index="0"] .sn-compare-bar__item--product{border:1.5px solid transparent;background:linear-gradient(var(--clr-neutral-50),var(--clr-neutral-50)) padding-box,var(--universal-gradient-shark-ninja) border-box;box-shadow:0 100px 244px color-mix(in oklch,var(--clr-neutral-800) 2%,transparent),0 41.778px 101.937px color-mix(in oklch,var(--clr-neutral-800) 1%,transparent),0 22.336px 54.501px color-mix(in oklch,var(--clr-neutral-800) 1%,transparent),0 12.522px 30.553px color-mix(in oklch,var(--clr-neutral-800) 1%,transparent),0 6.65px 16.226px color-mix(in oklch,var(--clr-neutral-800) 1%,transparent),0 2.767px 6.752px color-mix(in oklch,var(--clr-neutral-800) 1%,transparent)}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot:not([data-stack-index="0"]) .sn-compare-bar__title,.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot:not([data-stack-index="0"]) .sn-compare-bar__remove{opacity:0;pointer-events:none}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__slot .sn-compare-bar__remove{display:none!important;visibility:hidden!important;pointer-events:none!important}.sn-compare-bar [class*=swym],.sn-compare-bar .swym-wishlist-collections-v2-container{display:none!important}@media(max-width:767px){.sn-compare-bar{right:.8rem;bottom:.8rem;width:auto}.sn-compare-bar__stack{padding:1.2rem}.sn-compare-bar[data-mode=truncated] .sn-compare-bar__stack{padding:0}.sn-compare-checkbox{bottom:1rem;left:1rem}}@media(max-width:576px){.sn-compare-checkbox{bottom:var(--spacing-0-4);left:var(--spacing-0-4);padding:.4rem .6rem .4rem .4rem}.sn-compare-checkbox .sn-compare-checkbox__label{line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/sn-section.compare-bar.css.map */