.oddit-section-main-collection{background-color:#fff;width:100%;-webkit-tap-highlight-color:transparent}.oddit-section-main-collection__container{width:100%;max-width:1440px;margin:0 auto;padding:0 16px 40px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.oddit-section-main-collection__container[data-loading=true] .oddit-section-main-collection__grid,.oddit-section-main-collection__container[data-loading=true] .oddit-section-main-collection__count,.oddit-section-main-collection__container[data-loading=true] .oddit-section-main-collection__load-more-wrap{opacity:.5;pointer-events:none;transition:opacity .15s ease}.oddit-section-main-collection__toolbar{display:flex;flex-direction:column;width:100%;gap:16px;padding-top:20px;border-top:1px solid #00000033}@media(max-width:749px){.oddit-section-main-collection__toolbar{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:16px;padding-right:16px;box-sizing:border-box}}.oddit-section-main-collection__mobile-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.oddit-section-main-collection__mobile-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;padding:0 16px;font-family:Instrument Sans,sans-serif;font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.39px;text-transform:uppercase;color:#4b4b4b;background-color:#f8f7f6;border:0;border-radius:100px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.oddit-section-main-collection__mobile-pill:hover{background-color:#eaeaea}.oddit-section-main-collection__mobile-pill:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__mobile-pill--filters{background-color:#ffd0d3;color:#000}.oddit-section-main-collection__mobile-pill--filters:hover{background-color:#fbb9bd}.oddit-section-main-collection__mobile-pill-count{font-weight:500}.oddit-section-main-collection__filter-icon{flex:0 0 auto;width:16px;height:14px;display:block}.oddit-section-main-collection__filter-row{display:none}.oddit-section-main-collection__active-filters{display:flex;flex-wrap:wrap;gap:6px;width:100%}.oddit-section-main-collection__active-filter{display:inline-flex;align-items:center;gap:16px;padding:4px 10px;font-family:Instrument Sans,sans-serif;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.96px;text-transform:uppercase;color:#4b4b4b;background-color:#ffd0d3;border:0;border-radius:100px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .2s ease}.oddit-section-main-collection__active-filter:hover{background-color:#fbb9bd}.oddit-section-main-collection__active-filter:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__active-filter[aria-selected=true]{opacity:.4;pointer-events:none;transition:opacity .15s ease}.oddit-section-main-collection__active-filter-remove{flex:0 0 auto;width:12px;height:12px;display:block}.oddit-section-main-collection__filters{display:none;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.oddit-section-main-collection__filter-group{position:relative;display:inline-flex}.oddit-section-main-collection__filter-group--mobile-sort{display:block;width:100%}.oddit-section-main-collection__filter-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:20;min-width:280px;max-width:360px;background-color:#fff;border:1px solid #000000;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}.oddit-section-main-collection__filter-panel--sort{left:auto;right:0}.oddit-section-main-collection__filter-panel[hidden]{display:none}.oddit-section-main-collection__filter-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-decoration:none;color:inherit;cursor:pointer;border-radius:4px}.oddit-section-main-collection__filter-option:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__filter-option-content{display:flex;align-items:center;gap:8px;min-width:0}.oddit-section-main-collection__filter-checkbox{flex:0 0 auto;width:28px;height:28px;display:block}.oddit-section-main-collection__filter-checkbox svg{width:100%;height:100%;display:block}.oddit-section-main-collection__filter-checkbox-box{fill:transparent;transition:fill .12s ease}.oddit-section-main-collection__filter-checkbox-tick{opacity:0;transition:opacity .12s ease}.oddit-section-main-collection__filter-option--active .oddit-section-main-collection__filter-checkbox-box{fill:#000}.oddit-section-main-collection__filter-option--active .oddit-section-main-collection__filter-checkbox-tick{opacity:1}.oddit-section-main-collection__filter-option-label{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:#000}.oddit-section-main-collection__filter-option-count{font-family:Instrument Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.4;color:#00000080;white-space:nowrap;flex:0 0 auto}.oddit-section-main-collection__filter-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.2;text-transform:uppercase;color:#4b4b4b;background-color:#f8f7f6;border:0;border-radius:100px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.oddit-section-main-collection__filter-pill:hover{background-color:#eaeaea}.oddit-section-main-collection__filter-pill:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__filter-pill--active{background-color:#ffd0d3;color:#000}.oddit-section-main-collection__filter-pill--active:hover{background-color:#fbb9bd}.oddit-section-main-collection__filter-pill[aria-expanded=true],.oddit-section-main-collection__sort[aria-expanded=true]{background-color:#ffd0d3;color:#000;box-shadow:inset 0 0 0 1px #000}.oddit-section-main-collection__filter-pill[aria-expanded=true]:hover,.oddit-section-main-collection__sort[aria-expanded=true]:hover{background-color:#fbb9bd}.oddit-section-main-collection__filter-pill[aria-expanded=true] .oddit-section-main-collection__chevron,.oddit-section-main-collection__sort[aria-expanded=true] .oddit-section-main-collection__chevron{transform:translateY(-1px) rotate(0)}.oddit-section-main-collection__filter-count{font-weight:500}.oddit-section-main-collection__chevron{flex:0 0 auto;width:12px;height:12px;display:block;transform:rotate(180deg)}.oddit-section-main-collection__sort{display:none;align-items:center;gap:8px;height:36px;padding:0 16px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.2;text-transform:uppercase;color:#4b4b4b;background-color:#f8f7f6;border:0;border-radius:100px;cursor:pointer;white-space:nowrap;flex:0 0 auto;transition:background-color .2s ease}.oddit-section-main-collection__sort:hover{background-color:#eaeaea}.oddit-section-main-collection__sort:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__count{margin:0;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#000}.oddit-section-main-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px;width:100%;padding-bottom:8px}.oddit-section-main-collection__load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;width:100%}.oddit-section-main-collection__load-more{display:inline-flex;align-items:center;justify-content:center;width:280px;padding:12px 32px;font-family:Instrument Sans,sans-serif;font-weight:600;font-size:14px;line-height:normal;letter-spacing:.42px;text-transform:uppercase;color:#000;background-color:#fff;border:2px solid #000000;cursor:pointer;text-align:center;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.oddit-section-main-collection__load-more:hover,.oddit-section-main-collection__load-more:focus-visible{background-color:#000;color:#fff}.oddit-section-main-collection__load-more:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__load-more-info{margin:0;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#68645e}@media(min-width:750px){.oddit-section-main-collection__container{padding:16px 32px 56px;gap:24px}.oddit-section-main-collection__mobile-controls{display:none}.oddit-section-main-collection__filter-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;width:100%}.oddit-section-main-collection__filters{display:flex}.oddit-section-main-collection__sort{display:inline-flex}.oddit-section-main-collection__filter-group--sort{margin-left:auto}.oddit-section-main-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.oddit-section-main-collection__count{font-size:16px}}@media(min-width:990px){.oddit-section-main-collection__container{padding:0 48px 64px;gap:24px}.oddit-section-main-collection__toolbar{padding-top:40px}.oddit-section-main-collection__filter-pill{height:41px;padding:0 16px;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.96px}.oddit-section-main-collection__filter-pill--active,.oddit-section-main-collection__filters [data-toggle-filters]{display:none}.oddit-section-main-collection__sort{height:36px;padding:0 16px;font-size:13px;font-weight:500}.oddit-section-main-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 16px}.oddit-section-main-collection__load-more-wrap{margin-top:24px}}.oddit-section-main-collection__filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.oddit-section-main-collection__filter-drawer[hidden]{display:none}.oddit-section-main-collection__filter-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;opacity:0;animation:oddit-drawer-fade-in .2s ease forwards}.oddit-section-main-collection__filter-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(360px,100vw);background-color:#fff;display:flex;flex-direction:column;transform:translate(100%);animation:oddit-drawer-slide-in .25s ease forwards;overflow:hidden;box-sizing:border-box}@keyframes oddit-drawer-fade-in{to{opacity:1}}@keyframes oddit-drawer-slide-in{to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.oddit-section-main-collection__filter-drawer-backdrop,.oddit-section-main-collection__filter-drawer-panel{animation-duration:1ms}}.oddit-section-main-collection__filter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eaeaea;flex:0 0 auto}.oddit-section-main-collection__filter-drawer-title{margin:0;font-family:Instrument Sans,sans-serif;font-weight:500;font-size:16px;line-height:1.4;letter-spacing:1.28px;text-transform:uppercase;color:#4b4b4b}.oddit-section-main-collection__filter-drawer-close{width:24px;height:24px;padding:0;background:transparent;border:0;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}.oddit-section-main-collection__filter-drawer-close:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__filter-drawer-close svg{width:100%;height:100%;display:block}.oddit-section-main-collection__filter-drawer-body{flex:1 1 auto;overflow-y:auto;padding:8px 16px 24px;display:flex;flex-direction:column}.oddit-section-main-collection__filter-drawer-section{border-bottom:1px solid #eaeaea;padding:16px 0}.oddit-section-main-collection__filter-drawer-section:last-child{border-bottom:0}.oddit-section-main-collection__filter-drawer-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:0;-webkit-user-select:none;user-select:none}.oddit-section-main-collection__filter-drawer-section-header::-webkit-details-marker{display:none}.oddit-section-main-collection__filter-drawer-section-header:focus-visible{outline:2px solid #000000;outline-offset:4px}.oddit-section-main-collection__filter-drawer-section-title{font-family:Instrument Sans,sans-serif;font-weight:500;font-size:14px;line-height:1.4;letter-spacing:1.12px;text-transform:uppercase;color:#4b4b4b}.oddit-section-main-collection__filter-drawer-section-caret{width:12px;height:12px;flex:0 0 auto;color:#4b4b4b;transform:rotate(180deg);transition:transform .15s ease}.oddit-section-main-collection__filter-drawer-section[open] .oddit-section-main-collection__filter-drawer-section-caret{transform:translateY(-1px) rotate(0)}.oddit-section-main-collection__filter-drawer-section-body{padding-top:16px}.oddit-section-main-collection__filter-drawer-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.oddit-section-main-collection__filter-drawer-pill{display:flex;align-items:center;justify-content:center;padding:14px 8px;font-family:Instrument Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#000;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.oddit-section-main-collection__filter-drawer-pill:hover{border-color:#000}.oddit-section-main-collection__filter-drawer-pill:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__filter-drawer-pill--active{background-color:#ffd0d3;border-color:#000;font-weight:500}.oddit-section-main-collection__filter-drawer-options{display:flex;flex-direction:column;gap:8px}.oddit-section-main-collection__filter-drawer-options .oddit-section-main-collection__filter-option-content{gap:12px}.oddit-section-main-collection__filter-drawer-options .oddit-section-main-collection__filter-option-label,.oddit-section-main-collection__filter-drawer-options .oddit-section-main-collection__filter-option-count{font-size:16px}.oddit-section-main-collection__filter-drawer-footer{flex:0 0 auto;padding:16px;border-top:1px solid #eaeaea}.oddit-section-main-collection__filter-drawer-show{width:100%;height:48px;padding:12px 32px;font-family:Instrument Sans,sans-serif;font-weight:600;font-size:14px;line-height:normal;letter-spacing:.42px;text-transform:uppercase;color:#fbe9ea;background-color:#000;border:2px solid #000000;cursor:pointer;text-align:center;transition:background-color .2s ease,color .2s ease}.oddit-section-main-collection__filter-drawer-show:hover,.oddit-section-main-collection__filter-drawer-show:focus-visible{background-color:#fff;color:#000}.oddit-section-main-collection__filter-drawer-show:focus-visible{outline:2px solid #000000;outline-offset:2px}.oddit-section-main-collection__filter-drawer-show[data-loading=true]{opacity:.7}html.oddit-drawer-open,body.oddit-drawer-open{overflow:hidden}html.oddit-drawer-open{touch-action:none}@media(min-width:750px){.oddit-section-main-collection__filter-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/oddit-section-main-collection.css.map */