.wf-pc__media,[data-wf-ty] .wf-po__media,[data-wf-ty] .wf-eb__media,[data-wf-ty] .wf-tl__media,.wf-po__card[data-wf-ty] .wf-po__media,.wf-eb__card[data-wf-ty] .wf-eb__media{position:relative}.wf-cmpt{-webkit-appearance:none;appearance:none;position:absolute;z-index:3;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem .55rem .8rem;border:1px solid rgba(11,13,16,.08);border-radius:99rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0b0d10;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 4px 12px -6px #0b0d104d;transition:background .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1),opacity .3s}.wf-cmpt svg{width:1.5rem;height:1.5rem;flex:none}.wf-cmpt:hover{transform:translateY(-1px);background:#fff}.wf-cmpt.is-on{background:#39b54a;border-color:#39b54a;color:#fff}.wf-cmpt.is-busy{opacity:.6}.wf-cmpt:focus-visible{outline:2px solid #39b54a;outline-offset:2px}@media(hover:hover)and (min-width:750px){[data-wf-ty] .wf-cmpt:not(.is-on){opacity:0;transform:translateY(4px)}[data-wf-ty]:hover .wf-cmpt,[data-wf-ty]:focus-within .wf-cmpt,html.wf-cmptray-on [data-wf-ty] .wf-cmpt{opacity:1;transform:none}}@media(max-width:749px){.wf-cmpt{left:.6rem;bottom:.6rem;padding:.45rem .8rem .45rem .6rem;font-size:1.05rem}.wf-cmpt svg{width:1.3rem;height:1.3rem}}@media(hover:none){.wf-cmpt:not(.wf-cmpt--pdp){gap:0;padding:.55rem;opacity:0;transform:translateY(6px) scale(.92);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1),background .3s,color .3s,padding .35s cubic-bezier(.22,1,.36,1),gap .35s}.wf-cmpt:not(.wf-cmpt--pdp) span{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:middle;transition:max-width .4s cubic-bezier(.22,1,.36,1)}.wf-cmpt:not(.wf-cmpt--pdp).is-focus,.wf-cmpt:not(.wf-cmpt--pdp).is-on,html.wf-cmptray-on .wf-cmpt:not(.wf-cmpt--pdp).is-focus{gap:.45rem;padding:.45rem .8rem .45rem .6rem;opacity:1;transform:none;pointer-events:auto}.wf-cmpt:not(.wf-cmpt--pdp):focus-visible{opacity:1;transform:none;pointer-events:auto}.wf-cmpt:not(.wf-cmpt--pdp).is-focus span,.wf-cmpt:not(.wf-cmpt--pdp).is-on span{max-width:9rem}}.wf-cmpt.wf-cmpt--pdp{position:static;display:inline-flex;margin:.6rem 0 0;padding:.7rem 1.3rem .7rem 1rem;opacity:1;transform:none;box-shadow:none;border:1px solid rgba(11,13,16,.12);background:#fff;font-size:1.3rem}.wf-cmpt.wf-cmpt--pdp:hover{border-color:#39b54a;color:#1f7f30}.wf-cmpt.wf-cmpt--pdp.is-on{background:#39b54a;border-color:#39b54a;color:#fff}@media(prefers-reduced-motion:reduce){.wf-cmpt span{transition:none!important}}.wf-cmptray{position:fixed;z-index:60;left:50%;bottom:var(--wf-cmpt-b, 1.6rem);width:min(96rem,calc(100vw - 3.2rem));font-family:var(--font-body-family);color:#0b0d10;transform:translate(-50%,calc(100% + 3rem));transition:transform .55s cubic-bezier(.22,1,.36,1);pointer-events:none}.wf-cmptray.is-on{transform:translate(-50%);pointer-events:auto}.wf-cmptray__in{display:flex;align-items:center;gap:1.6rem;padding:1.2rem 1.4rem 1.2rem 1.6rem;border:1px solid rgba(11,13,16,.06);border-radius:2.2rem;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 30px 60px -30px #0b0d1073,0 2px 8px #0b0d100f}.wf-cmptray__col{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:1rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.wf-cmptray__ic{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:1.3rem;background:#eaf7ec;color:#1f7f30;flex:none}.wf-cmptray__ic svg{width:2.2rem;height:2.2rem}.wf-cmptray__tt{display:flex;flex-direction:column;gap:.1rem;min-width:0;white-space:nowrap}.wf-cmptray__tt b,.wf-cmptray__tt small{overflow:hidden;text-overflow:ellipsis}.wf-cmptray__col{min-width:0;max-width:100%}.wf-cmptray__tt b{font-family:var(--font-heading-family);font-size:1.5rem}.wf-cmptray__tt small{color:#55606c;font-size:1.2rem}.wf-cmptray__list{display:flex;flex:1;gap:.8rem;min-width:0;margin:0;padding:0;list-style:none}.wf-cmptray__it{position:relative;display:flex;align-items:center;gap:.8rem;flex:1 1 0;min-width:0;padding:.5rem 2.8rem .5rem .5rem;border-radius:1.4rem;background:#f5f5f7}.wf-cmptray__it--e{padding-right:.5rem;background:transparent;border:1.5px dashed rgba(11,13,16,.14)}.wf-cmptray__th{display:block;width:4.4rem;height:4.4rem;border-radius:1rem;background:#fff;flex:none;overflow:hidden}.wf-cmptray__it--e .wf-cmptray__th{background:transparent}.wf-cmptray__th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.wf-cmptray__nm{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;font-weight:600;line-height:1.25}.wf-cmptray__rm{-webkit-appearance:none;appearance:none;position:absolute;top:50%;right:.5rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;padding:0;border:0;border-radius:50%;background:#fff;color:#0b0d10;cursor:pointer;transform:translateY(-50%)}.wf-cmptray__rm svg{width:1.1rem;height:1.1rem}.wf-cmptray__act{display:flex;align-items:center;gap:.6rem;flex:none}.wf-cmptray__go{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.6rem;min-height:4.6rem;padding:0 2rem;border:0;border-radius:99rem;background:#39b54a;color:#fff!important;font:inherit;font-size:1.4rem;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 10px 18px -12px #39b54ae6;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s}.wf-cmptray__go svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.wf-cmptray__go:hover{transform:translateY(-1px);background:#33a443}.wf-cmptray__go[aria-disabled=true]{background:#c9cfd5;box-shadow:none}.wf-cmptray__lnk{-webkit-appearance:none;appearance:none;padding:.6rem;border:0;background:none;color:#55606c;font:inherit;font-size:1.25rem;font-weight:600;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.wf-cmptray__q{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.6rem;width:100%}.wf-cmptray__q p{margin:0;font-size:1.4rem;font-weight:600;line-height:1.4}.wf-cmptray__q span{display:flex;align-items:center;gap:.6rem}.wf-cmptray :focus-visible{outline:2px solid #39b54a;outline-offset:2px}.wf-cmptray__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wf-cmptray__toast{position:fixed;left:50%;bottom:11rem;z-index:70;max-width:calc(100vw - 3.2rem);padding:1.1rem 1.8rem;border-radius:99rem;background:#0b0d10;color:#fff;font-family:var(--font-body-family);font-size:1.35rem;font-weight:600;text-align:center;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1)}.wf-cmptray__toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:749px){.wf-cmptray{bottom:var(--wf-cmpt-b, calc(.8rem + env(safe-area-inset-bottom)) );width:calc(100vw - 1.6rem)}.wf-cmptray__in{flex-wrap:wrap;gap:.8rem 1rem;padding:1rem 1.1rem;border-radius:2rem}.wf-cmptray__hd{flex:1;min-width:0}.wf-cmptray__ic{width:3.6rem;height:3.6rem;border-radius:1.1rem}.wf-cmptray__tt b{font-size:1.4rem}.wf-cmptray__list{order:3;flex-basis:100%;gap:.6rem}.wf-cmptray__it{flex-direction:column;justify-content:center;padding:.4rem}.wf-cmptray__th{width:100%;height:4.2rem}.wf-cmptray__nm{display:none}.wf-cmptray__rm{top:.3rem;right:.3rem;transform:none;box-shadow:0 1px 4px #0b0d1033}.wf-cmptray__go{min-height:4.2rem;padding:0 1.5rem;font-size:1.3rem}.wf-cmptray.is-col .wf-cmptray__list{display:none}.wf-cmptray__toast{bottom:18rem}}@media(prefers-reduced-motion:reduce){.wf-cmptray,.wf-cmptray *,.wf-cmpt,.wf-cmptray__toast{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/221/assets/wf-compare-tray.css.map */