.product-compare{display:block;margin:3.2rem 0}@media screen and (min-width:750px){.product-compare{order:-1}}.product-compare[hidden]{display:none}.product-compare__trigger{display:inline-flex;align-items:center;gap:1rem;min-height:2.8rem;padding:0;margin:0;background:none;border:0;color:var(--brand-black, #212121);font:inherit;text-align:left;cursor:pointer}.product-compare__thumbs{display:inline-flex;flex-shrink:0}.product-compare__thumbs img{width:2.8rem;height:2.8rem;object-fit:cover;border-radius:50%;border:2px solid #fff;box-sizing:border-box;background:var(--brand-gray, #ecece7)}.product-compare__thumbs img+img{margin-left:-.8rem}.product-compare__label{font-size:1.4rem;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3rem}.product-compare__label:after{content:"\2192";display:inline-block;margin-left:.4rem;text-decoration:none;transition:transform .2s ease}.product-compare__trigger:hover .product-compare__label:after{transform:translate(.3rem)}.product-compare__trigger:focus-visible{outline:2px solid var(--brand-green-light, #00a36d);outline-offset:3px;border-radius:.4rem}html.product-compare-open{overflow:hidden}.product-compare__dialog{padding:0;border:0;background:var(--brand-alabaster, #f9f9f6);color:var(--brand-black, #212121);font-family:inherit;width:100%;max-width:none;max-height:88vh;max-height:88dvh;margin:auto 0 0;border-radius:1.6rem 1.6rem 0 0;overflow:hidden}.product-compare__dialog[open]{display:flex;flex-direction:column;animation:productCompareUp .28s cubic-bezier(.2,.8,.2,1)}.product-compare__dialog[open].is-closing{animation:productCompareDown .2s ease-in forwards}.product-compare__dialog::backdrop{background:#00000073;animation:productCompareFade .25s ease}@media screen and (min-width:769px){.product-compare__dialog{width:44rem;max-width:100vw;height:100vh;height:100dvh;max-height:none;margin:0;inset:0 0 auto auto;border-radius:0}.product-compare__dialog[open]{animation-name:productCompareIn}.product-compare__dialog[open].is-closing{animation-name:productCompareOut}}@media screen and (min-width:1200px)and (max-width:1600px){.product-compare__dialog{height:calc(100dvh / .92)}}.product-compare__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2rem 1.6rem 1.2rem;background:var(--brand-alabaster, #f9f9f6)}.product-compare__title{margin:0;font-size:2rem;line-height:1.2;text-transform:capitalize}.product-compare__summary{margin:.4rem 0 0;font-size:1.3rem;color:var(--brand-text-gray, #747474)}.product-compare__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:4rem;height:4rem;padding:0;background:#fff;color:inherit;border:0;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer}.product-compare__close .svg-wrapper{display:flex;width:1.6rem;height:1.6rem;margin:0}.product-compare__close svg{width:100%;height:100%}.product-compare__sort{display:flex;gap:.8rem;padding:0 1.6rem 1.2rem}.product-compare__sort-button{height:3.6rem;padding:0 1.6rem;font:inherit;font-size:1.4rem;color:var(--brand-black, #212121);background:var(--brand-gray, #ecece7);border:0;border-radius:99rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.product-compare__sort-button.is-active{color:#fff;background:var(--brand-green, #01200f)}.product-compare__list{flex:1;min-height:0;display:grid;gap:1rem;align-content:start;margin:0;padding:.4rem 1.6rem 1.6rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.product-compare__item{margin:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.8rem;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.product-compare__item:hover{border-color:#00a36d66}.product-compare__item.is-current{background:var(--brand-alabaster, #f9f9f6);border-color:var(--brand-green-light, #00a36d);box-shadow:0 0 0 1px var(--brand-green-light, #00a36d)}.product-compare__item.is-sold-out .product-compare__media,.product-compare__item.is-sold-out .product-compare__name,.product-compare__item.is-sold-out .product-compare__price{opacity:.55}.product-compare__link{display:grid;grid-template-columns:7.2rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.2rem;color:inherit;text-decoration:none}.product-compare__media{width:7.2rem;height:7.2rem;overflow:hidden;border-radius:.8rem;background:var(--brand-gray, #ecece7)}.product-compare__media img{display:block;width:100%;height:100%;object-fit:cover}.product-compare__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.product-compare__name{font-size:1.5rem;font-weight:500;line-height:1.3}.product-compare__botanical{font-size:1.2rem;font-style:italic;color:var(--brand-text-gray, #747474)}.product-compare__note{margin-top:.2rem;font-size:1.2rem;font-weight:500;color:var(--brand-text-gray, #747474)}.product-compare__note--current,.product-compare__note--less{color:var(--brand-green-light, #00a36d)}.product-compare__price{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:right;white-space:nowrap}.product-compare__price-main{font-size:1.5rem;font-weight:600}.product-compare__price-was{font-size:1.2rem;color:var(--brand-text-gray, #747474)}.product-compare__link:focus-visible{outline:2px solid var(--brand-green-light, #00a36d);outline-offset:-2px;border-radius:.8rem}.product-compare__footer{padding:1.2rem 1.6rem calc(1.4rem + env(safe-area-inset-bottom));text-align:center;background:#fff;border-top:1px solid rgba(0,0,0,.06)}.product-compare__all-link{font-size:1.4rem;color:var(--brand-black, #212121);text-underline-offset:.3rem}@keyframes productCompareUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes productCompareDown{to{transform:translateY(100%)}}@keyframes productCompareIn{0%{transform:translate(100%)}to{transform:none}}@keyframes productCompareOut{to{transform:translate(100%)}}@keyframes productCompareFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.product-compare__dialog[open],.product-compare__dialog::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/356/assets/component-product-compare.css.map */
