.shopify-section--sano-comparison{width:100%;max-width:100%;min-width:0;padding:.875rem var(--layout-gutter, 2.5rem);overflow:clip;background:#f3f2ee}.sano-comparison{width:100%;max-width:62.5rem;min-width:0;margin-inline:auto;overflow:clip;border:1px solid #dcddd7;border-radius:1.125rem;color:var(--color-text, #151616);background:#fcfbf8;box-shadow:inset 0 1px #ffffffe6,0 14px 38px #0b0c0c0d}.sano-comparison:before{content:"";display:block;width:4rem;height:2px;margin-inline:auto;background:#c62828}.sano-comparison__container{width:100%;max-width:100%;min-width:0;margin-inline:auto;padding:clamp(1rem,1.75vw,1.5rem)}.sano-comparison__header{max-width:52rem;margin:0 auto clamp(.75rem,1.15vw,1rem);text-align:center}.sano-comparison__eyebrow{display:flex;align-items:center;justify-content:center;gap:.625rem;margin:0 0 .5rem;color:#a62323;font-size:.75rem;font-weight:800;letter-spacing:.13em;line-height:1.2}.sano-comparison__eyebrow:before,.sano-comparison__eyebrow:after{content:"";width:2rem;height:1px;flex:0 0 auto;background:#a6232385}.sano-comparison__heading{max-width:43.75rem;margin:0 auto;font-family:var(--font-family-display, sans-serif);font-size:clamp(2rem,2.7vw,2.25rem);font-weight:400;line-height:1;text-transform:uppercase}.sano-comparison__copy{max-width:32rem;margin:.625rem auto 0;color:var(--color-text-muted, #5f625f);font-size:.9375rem;line-height:1.5}.sano-comparison__arrow{min-width:2.75rem;min-height:2.75rem;border:1px solid #cacbc6;border-radius:999px;color:#151616;background:#fff;font-weight:800;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.sano-comparison__arrow:disabled{cursor:not-allowed;opacity:.45}.sano-comparison__arrow:focus-visible{outline:3px solid #c62828;outline-offset:3px}.sano-comparison__viewport{position:relative;width:100%;max-width:56.25rem;min-width:0;margin-inline:auto;padding:.5rem;border:1px solid #e3e1dc;border-radius:.9375rem;background:#ffffff9e;box-shadow:inset 0 1px #fff;box-sizing:border-box;overflow:hidden;scrollbar-width:none}.sano-comparison__viewport::-webkit-scrollbar{display:none}.sano-comparison__viewport:focus-visible{outline:3px solid #c62828;outline-offset:4px}.sano-comparison__track{width:100%;max-width:100%;min-width:0}.sano-comparison__group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;min-width:0}.sano-comparison--carousel-ready .sano-comparison__group{display:none}.sano-comparison--carousel-ready .sano-comparison__group.is-active{display:grid}.sano-comparison__group.is-active.is-transitioning-in{animation:sano-comparison-group-enter .38s cubic-bezier(.22,.61,.36,1) both}.sano-comparison__group.is-leaving{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;animation:sano-comparison-group-leave .32s cubic-bezier(.22,.61,.36,1) both}@keyframes sano-comparison-group-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes sano-comparison-group-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}.sano-comparison__panel{position:relative;overflow:hidden;min-width:0;height:100%;margin:0;padding:.5rem;border:1px solid #d4d5cf;border-radius:.8125rem;background:#fff;box-shadow:0 8px 22px #0b0c0c0b;scroll-snap-align:start;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.sano-comparison__panel:before{content:"";position:absolute;z-index:2;top:0;left:-48%;width:48%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(198,40,40,.72),rgba(62,153,86,.58),transparent);opacity:0;pointer-events:none}.sano-comparison.is-revealed .sano-comparison__group.is-active .sano-comparison__panel:before,.sano-comparison__group.is-active.is-transitioning-in .sano-comparison__panel:before{animation:sano-comparison-edge-sweep .9s cubic-bezier(.22,.61,.36,1) both}@keyframes sano-comparison-edge-sweep{0%{opacity:0;transform:translate(0)}18%{opacity:.78}to{opacity:0;transform:translate(315%)}}.sano-comparison__image{display:block;width:100%;height:auto;margin-inline:auto;object-fit:contain}.sano-comparison__controls{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;gap:.75rem;margin:.5rem auto 0;padding:.25rem;border:1px solid #deded9;border-radius:999px;background:#fff;box-shadow:0 6px 16px #0b0c0c0f}.sano-comparison__counter{min-width:5rem;margin:0;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:899px){.shopify-section--sano-comparison{padding:.625rem var(--layout-gutter-mobile, 1rem)}.sano-comparison{border-radius:.875rem}.sano-comparison__container{padding:1.25rem}.sano-comparison__header{text-align:center}.sano-comparison__eyebrow{justify-content:center}.sano-comparison__heading{font-size:clamp(1.6875rem,7vw,1.9375rem)}.sano-comparison__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;max-width:none;margin-inline:0;padding:.375rem}.sano-comparison__track{display:flex;gap:.75rem}.sano-comparison__group,.sano-comparison--carousel-ready .sano-comparison__group,.sano-comparison--carousel-ready .sano-comparison__group.is-active,.sano-comparison--carousel-ready .sano-comparison__group.is-leaving{position:static;display:contents;animation:none}.sano-comparison__panel{flex:0 0 100%;max-width:100%;padding:.5rem;scroll-snap-align:center}.sano-comparison__controls{margin-top:.625rem}}@media(max-width:430px){.shopify-section--sano-comparison{padding-inline:.75rem}.sano-comparison__container{padding:.875rem .75rem}.sano-comparison__header{margin-bottom:.75rem}.sano-comparison__copy{margin-top:.625rem;font-size:.875rem;line-height:1.45}}@media(min-width:768px)and (max-width:899px){.sano-comparison__heading{font-size:clamp(1.875rem,4vw,2.125rem)}}@media(hover:hover)and (pointer:fine){.sano-comparison__panel:hover{border-color:#c9cac5;box-shadow:0 12px 28px #0b0c0c13;transform:translateY(-2px)}.sano-comparison__panel:hover:before{animation:sano-comparison-edge-sweep .82s cubic-bezier(.22,.61,.36,1) both}.sano-comparison__arrow:hover:not(:disabled){border-color:#9fa29b;background:#f2f3ef;box-shadow:0 5px 14px #0b0c0c14;transform:translate(1px)}.sano-comparison__arrow:first-child:hover:not(:disabled){transform:translate(-1px)}}.sano-comparison.sano-comparison--reveal-ready:not(.is-revealed){opacity:0;transform:translateY(12px)}.sano-comparison.sano-comparison--reveal-ready{transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__eyebrow,.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__heading,.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__panel{opacity:0;transform:translateY(10px)}.sano-comparison--reveal-ready .sano-comparison__eyebrow,.sano-comparison--reveal-ready .sano-comparison__heading,.sano-comparison--reveal-ready .sano-comparison__panel{transition:opacity .36s ease,transform .36s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease}.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__heading{transition-delay:90ms}.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__panel{transition-delay:.18s}.sano-comparison--reveal-ready:not(.is-revealed) .sano-comparison__group .sano-comparison__panel:nth-child(2){transition-delay:.28s}@media(prefers-reduced-motion:reduce){.sano-comparison__viewport{scroll-behavior:auto}.sano-comparison__group.is-active.is-transitioning-in,.sano-comparison__group.is-leaving{animation:none}.sano-comparison.is-revealed .sano-comparison__group.is-active .sano-comparison__panel:before,.sano-comparison__group.is-active.is-transitioning-in .sano-comparison__panel:before,.sano-comparison__panel:hover:before{animation:none}.sano-comparison.sano-comparison--reveal-ready,.sano-comparison--reveal-ready .sano-comparison__eyebrow,.sano-comparison--reveal-ready .sano-comparison__heading,.sano-comparison--reveal-ready .sano-comparison__panel,.sano-comparison__arrow{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-sano-product-comparison.css.map */