:root{--odr-ease: cubic-bezier(.23, 1, .32, 1)}.odr-layout{display:block;margin-top:8px}.odr-filterpanel{display:none}.odr-filterpanel__count{font-family:var(--offsure-body);font-size:.8rem;color:var(--offsure-harbor-ink, #2F4A5C);margin:0 0 14px;min-height:20px}.odr-filterpanel__clearall{font-family:var(--offsure-body);font-size:.8rem;font-weight:600;color:var(--offsure-harbor-ink, #2F4A5C);background:none;border:0;text-decoration:underline;text-decoration-color:var(--offsure-coral-deep, #D8451F);text-underline-offset:3px;cursor:pointer;padding:0;margin:-6px 0 12px;min-height:28px}.odr-filterpanel__clearall:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-fgroup{border-bottom:1px solid rgba(31,42,54,.14)}.odr-fgroup__summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;font-family:var(--offsure-body);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--offsure-navy, #1f2a36);background:none;border:0;cursor:pointer;text-align:left}.odr-fgroup__summary:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:-2px}.odr-fgroup__count-pill{font-size:.8rem;color:var(--offsure-harbor-ink, #2F4A5C);margin-left:6px}.odr-fgroup__caret{flex:0 0 auto;transition:transform .2s var(--odr-ease)}.odr-fgroup[data-open=true] .odr-fgroup__caret{transform:rotate(180deg)}.odr-fgroup__panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .24s var(--odr-ease),visibility 0s linear .24s}.odr-fgroup[data-open=true] .odr-fgroup__panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .24s var(--odr-ease),visibility 0s linear 0s}.odr-fgroup__panel-in{min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.odr-fgroup[data-open=true] .odr-fgroup__panel-in{padding:2px 0 14px}.odr-fcheck{position:relative;display:flex!important;width:100%;align-items:center;gap:10px;min-height:44px;margin:0 -8px;padding:0 8px;width:calc(100% + 16px);cursor:pointer;font-family:var(--offsure-body);font-size:.86rem;color:var(--offsure-navy, #1f2a36);transition:background-color .12s ease}@media(hover:hover)and (pointer:fine){.odr-fcheck:hover{background-color:#1f2a360b}}.odr-fcheck input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.odr-fcheck__box{width:15px;height:15px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #1f2a3652;position:relative;transition:background-color .14s ease,box-shadow .14s ease}.odr-fcheck input:checked~.odr-fcheck__box{background:var(--offsure-navy, #1f2a36);box-shadow:inset 0 0 0 1px var(--offsure-navy, #1f2a36)}.odr-fcheck input:checked~.odr-fcheck__box:after{content:"";position:absolute;left:4px;top:2px;width:4px;height:8px;border:solid var(--offsure-cream, #f3ece1);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}.odr-fcheck input:checked~.odr-fcheck__label{font-weight:500}.odr-fcheck input:focus-visible~.odr-fcheck__box,.odr-fcheck input:focus-visible~.odr-fcheck__swatch{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-fcheck__swatch{width:18px;height:18px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1.5px #1f2a368c;transition:box-shadow .14s ease,transform .14s ease}.odr-fcheck--color .odr-fcheck__box{display:none}.odr-fcheck--color input:checked~.odr-fcheck__swatch{box-shadow:inset 0 0 0 1px #141e2838,0 0 0 2px var(--offsure-cream, #f3ece1),0 0 0 3.5px var(--offsure-navy, #1f2a36)}.odr-fcheck__label{flex:1 1 auto}.odr-fcheck__count{font-size:.8rem;color:var(--offsure-harbor-ink, #2F4A5C);font-variant-numeric:tabular-nums}.odr-fcheck[data-zero=true]{opacity:.38;cursor:default;pointer-events:none}.odr-sizegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;padding:4px 0 2px}.odr-sizepill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 6px;font-family:var(--offsure-body);font-size:.82rem;color:var(--offsure-navy, #1f2a36);background:transparent;box-shadow:inset 0 0 0 1px #1f2a3647;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .12s var(--odr-ease)}.odr-sizepill input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.odr-sizepill__label{position:relative}.odr-sizepill__count{display:none}@media(hover:hover)and (pointer:fine){.odr-sizepill:hover{box-shadow:inset 0 0 0 1px var(--offsure-navy, #1f2a36)}}.odr-sizepill:active{transform:scale(.97)}.odr-sizepill:has(input:checked){background:var(--offsure-navy, #1f2a36);color:var(--offsure-cream, #f3ece1);box-shadow:inset 0 0 0 1px var(--offsure-navy, #1f2a36)}.odr-sizepill:has(input:focus-visible){outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-sizepill[data-zero=true]{opacity:.38;cursor:default;pointer-events:none;text-decoration:line-through}.odr-gridcol{min-width:0}.odr-toolbar{position:sticky;top:var(--odr-top, 63px);z-index:25;background:transparent;border-top:1px solid rgba(31,42,54,.12);border-bottom:1px solid rgba(31,42,54,.12);margin:0 0 20px;padding:0;transition:background-color .2s ease}.odr-toolbar.is-stuck{background:var(--offsure-cream, #f3ece1)}.odr-toolbar__row{display:flex;align-items:center;gap:16px;min-height:56px}.odr-toolbar__count{font-family:var(--offsure-body);font-size:.82rem;color:var(--offsure-harbor-ink, #2F4A5C);margin:0;flex:1 1 auto;font-variant-numeric:tabular-nums}.odr-toolbar__right{display:flex;align-items:center;gap:14px;margin-left:auto}.odr-density{display:inline-flex;gap:2px}.odr-density__btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#1f2a3661;background:none;border:0;cursor:pointer;transition:color .14s ease,transform .12s var(--odr-ease)}.odr-density__btn:active{transform:scale(.94)}.odr-density__btn[aria-pressed=true]{color:var(--offsure-navy, #1f2a36)}@media(hover:hover)and (pointer:fine){.odr-density__btn:hover{color:var(--offsure-navy, #1f2a36)}}.odr-density__btn:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px}.odr-chips[hidden]{display:none}.odr-chip{display:inline-flex;flex:0 0 auto;align-items:center;height:32px;padding:0 0 0 10px;font-family:var(--offsure-body);font-size:.78rem;color:var(--offsure-navy, #1f2a36);background:var(--offsure-cream, #f3ece1);box-shadow:inset 0 0 0 1px var(--offsure-navy, #1f2a36);white-space:nowrap;opacity:1;transform:translateY(0) scale(1);transition:opacity .16s var(--odr-ease),transform .16s var(--odr-ease)}.odr-chip[data-enter]{opacity:0;transform:translateY(4px)}.odr-chip[data-exit]{opacity:0;transform:scale(.96);transition-duration:.12s}.odr-chip__kind{color:var(--offsure-taupe-text, #6F6353);margin-right:4px}.odr-chip__x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;margin-left:2px;color:inherit;background:none;border:0;cursor:pointer;transition:background-color .12s ease}@media(hover:hover)and (pointer:fine){.odr-chip__x:hover{background:#1f2a3614}}.odr-chip__x:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:-2px}.odr-chips__clear{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;height:32px;padding:0 4px;font-family:var(--offsure-body);font-size:.78rem;color:var(--offsure-navy, #1f2a36);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.odr-chips__clear:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-sort-wrap{position:relative}.odr-trigger{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 2px;font-family:var(--offsure-body);font-size:.82rem;color:var(--offsure-harbor-ink, #2F4A5C);background:none;border:0;cursor:pointer}.odr-trigger__val{color:var(--offsure-navy, #1f2a36);font-weight:500}.odr-trigger:hover .odr-trigger__val{text-decoration:underline;text-underline-offset:3px}.odr-trigger:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:3px}.odr-caret{transition:transform .16s ease;flex:0 0 auto;color:var(--offsure-navy, #1f2a36)}.odr-sort-wrap[data-open=true] .odr-caret{transform:rotate(180deg)}.odr-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--offsure-cream, #f3ece1);padding:4px;z-index:30;transform-origin:top right;animation:odr-pop-in .18s var(--ease-out, cubic-bezier(.23,1,.32,1));box-shadow:0 0 0 1px #1f2a3626,0 8px 24px #1f2a3624;outline:none}.odr-popover[hidden]{display:none}@keyframes odr-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.odr-popover__opt{display:flex;width:100%;min-height:44px;padding:0 10px;align-items:center;font-family:var(--offsure-body);font-size:.86rem;color:var(--offsure-navy, #1f2a36);background:none;border:0;text-align:left;cursor:pointer}@media(hover:hover)and (pointer:fine){.odr-popover__opt:hover{background:#1f2a360f}}.odr-popover__opt[data-active=true]{background:#1f2a3614}.odr-popover__opt[aria-selected=true]{font-weight:600}.odr-popover__opt[aria-selected=true]:after{content:"";margin-left:auto;width:6px;height:6px;background:var(--offsure-navy, #1f2a36)}.odr-mobile-filter-btn{display:none;align-items:center;gap:6px;min-height:44px;padding:0 .3rem;font-family:var(--offsure-body);font-size:.88rem;color:var(--offsure-navy, #1f2a36);background:none;border:0;cursor:pointer}.odr-mobile-filter-btn:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-mobile-filter-btn__n{font-variant-numeric:tabular-nums;color:var(--offsure-taupe-text, #6F6353)}.odr-mobile-filter-btn__n:not(:empty):before{content:" "}.odr-filter-sheet__body{padding:8px 20px 118px}.odr-filter-sheet__actions{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--offsure-cream, #f3ece1);border-top:1px solid rgba(31,42,54,.12)}.odr-filter-sheet__clearall{align-self:center;font-family:var(--offsure-body);font-size:.84rem;color:var(--offsure-harbor-ink, #2F4A5C);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;min-height:24px}.odr-sheet-apply{width:100%;min-height:44px;padding:0 1.5rem;background:var(--offsure-navy, #1f2a36);color:var(--offsure-cream, #f3ece1);border:0;font-family:var(--offsure-body);font-size:.9rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .16s var(--odr-ease)}.odr-sheet-apply:active{transform:scale(.97)}.odr-sheet-apply:focus-visible{outline:2px solid var(--offsure-coral, #F0603C);outline-offset:2px}.odr-mobile-filter-btn{display:inline-flex}@media(max-width:900px){.odr-density{display:none}.odr-toolbar{margin-bottom:14px}.odr-toolbar__row{gap:10px;min-height:52px}.odr-toolbar__count{font-size:.78rem}.odr-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px}.odr-chips::-webkit-scrollbar{display:none}}.odr-card[data-odr-hidden=true]{display:none!important}.odr-grid[data-odr-loading=true] .odr-card:not([data-odr-hidden=true]){animation:odr-skeleton-pulse .5s ease-in-out}@keyframes odr-skeleton-pulse{0%{opacity:1}40%{opacity:.35}to{opacity:1}}.odr-empty-filtered{grid-column:1 / -1;min-height:320px;padding:3rem 1rem 2.5rem;text-align:center;font-family:var(--offsure-body);color:var(--offsure-harbor-ink, #2F4A5C)}.odr-empty-filtered a{color:var(--offsure-navy, #1f2a36);text-decoration:underline}.odr-empty-filtered__actions{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.odr-empty-filtered__sep{color:var(--offsure-harbor-ink, #2F4A5C)}.odr-empty-filtered__eyebrow{grid-column:1 / -1;margin:0 0 4px;font-family:var(--offsure-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--offsure-harbor-ink, #2F4A5C)}@media(prefers-reduced-motion:reduce){.odr-grid[data-odr-loading=true] .odr-card,.odr-popover{animation:none}.odr-fgroup__panel,.odr-fgroup[data-open=true] .odr-fgroup__panel,.odr-fgroup__caret,.odr-chip,.odr-sizepill,.odr-density__btn,.odr-sheet-apply,.odr-fcheck,.odr-fcheck__box,.odr-fcheck__swatch{transition:none}.odr-chip[data-enter]{opacity:1;transform:none}.odr-chip[data-exit]{opacity:0;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offsure-collection-filters.css.map */