:root{--oj-red: #E04E39;--oj-brown: #503629;--oj-taupe: #5E5340;--oj-muted: #747474;--oj-line-pinned: #A49A90;--oj-hairline: #DAD2CE;--oj-hairline-warm: #E6E5DA;--oj-sand: #F6F1EB;--oj-powder: #FAF7F2;--oj-cream: #FFFCF7;--oj-white: #FFFFFF;--oj-on-red: #FFFFFA;--oj-backdrop: rgba(24, 16, 12, .45);--oj-overlay-shadow: 0 4px 24px rgba(16, 24, 40, .08);--oj-font-display: var(--font-family-heading);--oj-font-label: var(--font-family-secondary);--oj-track: .08em;--oj-track-display: .14em;--oj-gutter: 32px;--oj-filter-bar-top: 80px}[dir=rtl]{--oj-track: 0;--oj-track-display: 0}@media screen and (max-width:767px){:root{--oj-gutter: 16px}}.oj-filter-bar button,.oj-filter-drawer button,.oj-filter-chips button,.oj-filter-empty button{width:auto;min-width:0;max-width:none;letter-spacing:var(--oj-track)}.oj-filter-bar{position:sticky;top:var(--oj-filter-bar-top);z-index:20;background:var(--oj-cream);border-top:1px solid var(--oj-hairline);border-bottom:1px solid var(--oj-hairline);box-shadow:none;transition:box-shadow .2s ease-in-out}.oj-filter-bar.is-pinned{box-shadow:0 1px 0 0 var(--oj-line-pinned)}.oj-filter-bar__inner{display:flex;align-items:center;min-height:52px;max-width:1428px;margin:0 auto;padding:0 var(--oj-gutter)}.oj-filter-bar__lead{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:24px}.oj-filter-bar__control{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0;margin:0;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:14px;line-height:20px;font-weight:500;letter-spacing:var(--oj-track);color:var(--oj-brown);transition:color .2s ease-in-out}.oj-filter-bar__control.is-active{color:var(--oj-red)}.oj-filter-bar__control:focus-visible,.oj-filter-bar__invite:focus-visible{outline:2px solid var(--oj-red);outline-offset:2px}.oj-filter-bar__icon{flex:none;width:16px;height:16px}.oj-filter-bar__count{margin:0;font-family:var(--oj-font-display);font-size:14px;line-height:20px;letter-spacing:.01em;color:var(--oj-muted);white-space:nowrap}.oj-filter-bar:not(.is-pinned) .oj-filter-bar__count{display:none}.oj-filter-bar__invite{flex:none;display:inline-flex;align-items:center;gap:12px;height:36px;padding:0 16px;margin:0;background:var(--oj-red);color:var(--oj-on-red);border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:11px;line-height:14px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;white-space:nowrap;transition:opacity .2s ease-in-out}.oj-filter-bar__invite:hover{opacity:.9;color:var(--oj-on-red)}.oj-filter-bar__invite-short{display:none}.oj-filter-bar__arrow{font-size:13px;line-height:1}[dir=rtl] .oj-filter-bar__arrow{transform:scaleX(-1)}@media screen and (max-width:767px){.oj-filter-bar__count{display:none!important}.oj-filter-bar__invite{padding:0 12px;font-size:10px;margin-inline-start:16px}.oj-filter-bar__invite-full{display:none}.oj-filter-bar__invite-short{display:inline}}@media(prefers-reduced-motion:reduce){.oj-filter-bar,.oj-filter-bar__control,.oj-filter-bar__invite{transition:none!important}}html.oj-filter-lock,html.oj-filter-lock body{overflow:hidden!important}.oj-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--oj-backdrop);opacity:0;transition:opacity .3s ease-in-out}.oj-filter-backdrop.is-open{opacity:1}.oj-filter-drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;z-index:1001;display:flex;flex-direction:column;width:440px;max-width:100%;height:100%;background:var(--oj-cream);color:var(--oj-brown);box-shadow:var(--oj-overlay-shadow);transform:translate(100%);transition:transform .3s ease-in-out}[dir=rtl] .oj-filter-drawer{transform:translate(-100%)}.oj-filter-drawer.is-open,[dir=rtl] .oj-filter-drawer.is-open{transform:none}.oj-filter-drawer[hidden],.oj-filter-backdrop[hidden]{display:none}.oj-filter-drawer__header{flex:none;display:flex;align-items:center;gap:8px;min-height:64px;padding:0 24px;border-bottom:1px solid var(--oj-hairline)}.oj-filter-drawer__title{flex:1 1 auto;margin:0;font-family:var(--oj-font-display);font-size:14px;line-height:20px;font-weight:400;letter-spacing:var(--oj-track-display);text-transform:uppercase;color:var(--oj-brown);text-wrap:balance}.oj-filter-drawer__clear{flex:none;height:44px;padding:0 8px;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-red);transition:color .2s ease-in-out}.oj-filter-drawer__clear:hover{color:var(--oj-brown)}.oj-filter-drawer__close{flex:none;width:44px;height:44px;margin-inline-end:-12px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-display);font-size:26px;line-height:1;color:var(--oj-brown);transition:color .2s ease-in-out}.oj-filter-drawer__close:hover{color:var(--oj-red)}.oj-filter-drawer button:focus-visible,.oj-filter-drawer a:focus-visible{outline:2px solid var(--oj-red);outline-offset:2px}.oj-filter-drawer__body{flex:1 1 auto;min-height:0;margin:0;padding:0 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.oj-filter-group{border-bottom:1px solid var(--oj-hairline-warm)}.oj-filter-group__title{display:flex;align-items:center;height:52px;margin:0;font-family:var(--oj-font-label);font-size:12px;line-height:20px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-brown)}.oj-filter-group__toggle{display:flex;align-items:center;gap:8px;width:100%;height:52px;padding:0;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;font-family:var(--oj-font-label);font-size:12px;line-height:20px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-brown)}.oj-filter-drawer .oj-filter-group__toggle{width:100%}.oj-filter-group__selected{font-size:11px;line-height:16px;color:var(--oj-red);text-transform:none}.oj-filter-group.is-open .oj-filter-group__selected{display:none}.oj-filter-group__glyph{margin-inline-start:auto;font-family:var(--oj-font-display);font-size:20px;line-height:1;letter-spacing:0;color:var(--oj-red)}.oj-filter-group__panel[hidden]{display:none}.oj-filter-values{list-style:none;margin:0;padding:0 0 10px}.oj-filter-values--columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.oj-filter-value{position:relative;list-style:none;margin:0;padding:0;transition:opacity .3s ease-in-out}.oj-filter-value.is-empty{opacity:.4}.oj-filter-value__input{position:absolute;top:9px;inset-inline-start:0;width:18px;height:18px;margin:0;opacity:0}.oj-filter-value__row{display:flex;align-items:flex-start;gap:12px;min-height:40px;margin:0;padding:6px 0;cursor:pointer}.oj-filter-value__input:disabled+.oj-filter-value__row{cursor:default}.oj-filter-value__box{position:relative;flex:none;width:18px;height:18px;margin-top:3px;background:var(--oj-white);border:1px solid var(--oj-hairline);transition:background .2s ease-in-out,border-color .2s ease-in-out}.oj-filter-value__input:checked+.oj-filter-value__row .oj-filter-value__box{background:var(--oj-red);border-color:var(--oj-red)}.oj-filter-value__input:checked+.oj-filter-value__row .oj-filter-value__box:after{content:"";position:absolute;top:2px;left:6px;width:4px;height:9px;border:solid var(--oj-white);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.oj-filter-value__input:focus-visible+.oj-filter-value__row .oj-filter-value__box{outline:2px solid var(--oj-red);outline-offset:2px}.oj-filter-value__text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.oj-filter-value__name{font-family:var(--oj-font-label);font-size:12px;line-height:20px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-brown)}.oj-filter-value__def{font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:.01em;color:var(--oj-taupe);text-wrap:pretty}.oj-filter-value__count{flex:none;margin-inline-start:auto;font-family:var(--oj-font-label);font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--oj-muted)}.oj-filter-drawer__hint{margin:0;padding:16px 0 24px;font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:.01em;color:var(--oj-taupe)}.oj-filter-guide{display:flex;align-items:flex-start;gap:16px;margin:0 -24px;padding:20px 24px;background:var(--oj-sand)}.oj-filter-guide[hidden]{display:none}.oj-filter-guide__image{flex:none;width:112px;height:112px;object-fit:contain;mix-blend-mode:multiply}.oj-filter-guide__text{display:flex;flex-direction:column;gap:8px;min-width:0}.oj-filter-guide__eyebrow,.oj-filter-guide__title,.oj-filter-guide__body{margin:0}.oj-filter-guide__eyebrow{font-family:var(--oj-font-label);font-size:10px;line-height:14px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-taupe)}.oj-filter-guide__title{font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:var(--oj-track-display);text-transform:uppercase;color:var(--oj-brown)}.oj-filter-guide__body{font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:.01em;color:var(--oj-brown)}.oj-filter-guide__link{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-family:var(--oj-font-label);font-size:11px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-red);text-decoration:none;transition:color .2s ease-in-out}.oj-filter-guide__link:hover{color:var(--oj-brown)}[dir=rtl] .oj-filter-guide__arrow{display:inline-block;transform:scaleX(-1)}.oj-filter-drawer__footer{flex:none;display:flex;flex-direction:column;gap:12px;padding:16px 24px 20px;background:var(--oj-cream);border-top:1px solid var(--oj-hairline)}.oj-filter-drawer__unapplied{margin:0;font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:.01em;color:var(--oj-brown)}.oj-filter-drawer__unapplied[hidden],.oj-filter-drawer__discard[hidden],.oj-filter-drawer__clear[hidden]{display:none}.oj-filter-drawer .oj-filter-drawer__apply{position:relative;width:100%;height:52px;margin:0;padding:0 44px 0 24px;background:var(--oj-red);color:var(--oj-on-red);border:1px solid var(--oj-red);border-radius:0;text-align:start;font-family:var(--oj-font-label);font-size:12px;line-height:50px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;transition:opacity .2s ease-in-out}.oj-filter-drawer .oj-filter-drawer__apply:hover{opacity:.9;background:var(--oj-red);color:var(--oj-on-red)}.oj-filter-drawer__footer .btn.oj-filter-drawer__apply:after{content:"";display:block;position:absolute;inset-inline-end:24px;top:calc(50% - 5px);width:12px;height:10px;background:url(/cdn/shop/files/arrow-white.svg?v=1674633847) center / contain no-repeat}[dir=rtl] .oj-filter-drawer__footer .btn.oj-filter-drawer__apply:after{display:none}[dir=rtl] .oj-filter-drawer .oj-filter-drawer__apply{padding-inline-end:24px}.oj-filter-drawer__discard{align-self:center;min-height:32px;padding:0 8px;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-brown);transition:color .2s ease-in-out}.oj-filter-drawer__discard:hover{color:var(--oj-red)}@media screen and (max-width:767px){.oj-filter-drawer{width:100%;box-shadow:none}.oj-filter-drawer__header{gap:4px;padding:0 16px}.oj-filter-drawer__title{min-width:0;font-size:12px;line-height:16px;letter-spacing:.1em;white-space:nowrap;text-wrap:initial}.oj-filter-value__row{min-height:44px}}.oj-filter-chips__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px}.oj-filter-chip{display:inline-flex;align-items:center;gap:12px;min-height:36px;margin:0;padding:0 12px;background:var(--oj-white);border:1px solid var(--oj-hairline);border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-brown);transition:color .2s ease-in-out,border-color .2s ease-in-out}.oj-filter-chip:hover{color:var(--oj-red);border-color:var(--oj-red)}.oj-filter-chip__x{font-size:16px;line-height:1}.oj-filter-chips__count{order:2;display:flex;align-items:center;align-self:center;min-height:36px;margin:0;margin-inline-start:auto}.oj-filter-chips__count-btn{padding:0;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;text-align:end;color:var(--oj-muted)}.oj-filter-chips__clear{order:1;min-height:36px;margin-inline-start:8px;padding:0 4px;background:none;border:0;border-radius:0;cursor:pointer;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-red);transition:color .2s ease-in-out}.oj-filter-chips__clear:hover{color:var(--oj-brown)}@media screen and (max-width:767px){.oj-filter-chip,.oj-filter-chips__count{min-height:44px}}.oj-filter-grid{transition:opacity .3s ease-in-out}.oj-filter-grid.is-loading{opacity:.35;pointer-events:none}.oj-filter-empty{width:100%;padding:40px 0 24px}.oj-filter-empty__text{max-width:560px;margin:0 0 24px;font-family:var(--oj-font-display);font-size:14px;line-height:24px;letter-spacing:.01em;color:var(--oj-brown)}.oj-filter-empty .btn.oj-filter-empty__clear{width:240px;max-width:100%;text-transform:uppercase}.oj-filter-empty__eyebrow{margin:40px 0 12px;font-family:var(--oj-font-label);font-size:12px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-taupe)}.oj-filter-empty__families{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0}.oj-filter-empty__families li{list-style:none;margin:0;padding:0}.oj-filter-empty__link{display:inline-flex;align-items:center;min-height:36px;font-family:var(--oj-font-display);font-size:12px;line-height:18px;letter-spacing:.01em;text-transform:uppercase;color:var(--oj-red);text-decoration:none;transition:color .2s ease-in-out}.oj-filter-empty__link:hover{color:var(--oj-brown)}.oj-filter-more{display:flex;justify-content:center;width:100%;margin-top:56px}.oj-filter-more:empty{display:none}.oj-filter-loadmore{height:44px;padding:0 32px;background:none;border:1px solid var(--oj-hairline);border-radius:0;cursor:pointer;text-align:center;font-family:var(--oj-font-label);font-size:11px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-red);transition:background .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.oj-filter-loadmore:hover{background:var(--oj-red);border-color:var(--oj-red);color:var(--oj-on-red)}.oj-filter-loadmore.is-loading{opacity:.6;pointer-events:none}@media(prefers-reduced-motion:reduce){.oj-filter-backdrop,.oj-filter-drawer,.oj-filter-value,.oj-filter-value__box,.oj-filter-chip,.oj-filter-grid,.oj-filter-loadmore,.oj-filter-drawer button,.oj-filter-drawer a{transition:none!important}}.oj-filter-listing .product-card .product-card-details .product-card-family,.oj-filter-listing .product-card .product-card-details p.v4{margin:0;font-family:var(--oj-font-label);font-size:11px;line-height:16px;font-weight:500;letter-spacing:var(--oj-track);text-transform:uppercase;color:var(--oj-muted)}.oj-filter-listing .product-card .product-card-details .product-card-family{margin:6px 0 4px;text-wrap:pretty}.oj-filter-listing .product-card .product-card-details p.v4 s{margin-inline-end:6px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/oj-filter.css.map */