@font-face{font-family:OctMontreal;src:url(./oct-montreal-medium.otf) format("opentype");font-weight:500;font-display:swap}.oc2{display:block;background:#f2f2eb;color:#000;font:500 14px/1.4 OctMontreal,Arial,sans-serif;--rule:1.5px solid #000}.oc2 *{box-sizing:border-box}.oc2 [hidden]{display:none!important}.oc2 :is(button,input,select,h1,h2,p,a){font-family:inherit;font-weight:500;letter-spacing:0;text-transform:none}.oc2 a{color:inherit;text-decoration:none}.oc2 button{cursor:pointer;background:none;border:0;border-radius:0;font-size:inherit;color:inherit}.oc2 button:disabled{opacity:.45;cursor:not-allowed}.oc2 :is(a,button,input,select):focus-visible{outline:1.5px solid #000;outline-offset:3px}.oc2-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 24px}.oc2-intro>div{display:flex;align-items:baseline;gap:14px;flex-shrink:0}.oc2 h1{font-size:28px;line-height:1.15;margin:0}.oc2-intro span{font-size:12px;color:#60605c}.oc2-intro p{font-size:13px;margin:0;max-width:650px}.oc2-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 24px;border-bottom:var(--rule)}.oc2-tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}.oc2-tabs button{padding:12px 0;white-space:nowrap;border-bottom:var(--rule);border-color:transparent;color:#686864}.oc2-tabs button[aria-pressed=true]{border-color:#000;color:#000}.oc2-tools{display:flex;gap:24px;align-items:center;flex-shrink:0;font-size:12px}.oc2-tools label{display:flex;align-items:center;gap:8px}.oc2-tools select{max-width:155px;background:transparent;border:0;padding:10px 20px 10px 4px;font-size:12px}.oc2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5px;background:#000;border-bottom:var(--rule)}.oc2-card{min-width:0;background:#f2f2eb}.oc2-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden}.oc2-photo img{width:100%;height:100%;display:block;object-fit:contain}.oc2-badge{position:absolute;left:12px;top:12px;background:#000;color:#fff;text-transform:uppercase;font-size:11px;padding:5px 10px}.oc2-meta{min-height:50px;border-top:var(--rule);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.oc2-meta a{line-height:1.25}.oc2-meta p{margin:0;white-space:nowrap;font-size:12px}.oc2-more{text-align:center;padding:28px 16px 40px}.oc2-more p{margin:0 0 14px;color:#60605c;font-size:12px}.oc2-more button{min-width:180px;border:var(--rule);padding:12px 24px}.oc2-empty{padding:48px 24px;text-align:center}.oc2-empty button{text-decoration:underline}.oc2-dialog{margin:auto;background:#f2f2eb;color:#000;border:var(--rule);padding:24px;width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;font:500 14px/1.4 OctMontreal,Arial,sans-serif}.oc2-dialog::backdrop{background:#0006}.oc2-close{display:block;margin:0 0 16px auto;padding:4px}.oc2-dialog h2{font-size:24px;line-height:1.15;margin:0 0 16px}.oc2-quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.oc2-quick-layout>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.oc2-quick-info>p{margin:0 0 24px}.oc2-dialog fieldset{border:0;padding:0;margin:0 0 20px}.oc2-dialog legend{margin-bottom:10px;font-size:13px}.oc2-variants{display:flex;flex-wrap:wrap;gap:7px}.oc2-variants label{position:relative;cursor:pointer}.oc2-variants input{position:absolute;opacity:0;width:1px;height:1px}.oc2-variants span{display:block;border:1.5px solid #d2d2cd;padding:10px;min-width:42px;text-align:center}.oc2-variants input:checked+span{background:#000;color:#fff;border-color:#000}.oc2-variants input:disabled+span{opacity:.4;text-decoration:line-through;cursor:not-allowed}.oc2-variants input:focus-visible+span{outline:1.5px solid #000;outline-offset:3px}.oc2 .oc2-primary{display:block;background:#000;color:#fff;width:100%;min-height:48px;padding:12px;text-transform:uppercase}.oc2-quick-info>a{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.oc2-filter{max-width:440px}.oc2-filter-sizes{display:flex;flex-wrap:wrap;gap:14px}.oc2-filter-sizes label{display:flex;gap:6px;align-items:center}.oc2-price-filter{display:flex;flex-direction:column;gap:8px}.oc2-price-filter input{padding:10px;border:var(--rule);background:transparent;width:100%}.oc2-stock{display:flex;align-items:center;gap:8px;margin:24px 0}.oc2-filter-actions{display:flex;gap:24px;align-items:center}.oc2-filter-actions>.oc2-primary{flex:1}.oc2 [data-quick-error]:empty,.oc2 [data-load-error]:empty{display:none}@media(max-width:1000px){.oc2-toolbar{display:block}.oc2-tools{justify-content:flex-end;padding:6px 0}.oc2-intro{align-items:flex-start}.oc2-intro p{max-width:48%}.oc2-meta{display:block}.oc2-meta p{margin-top:6px}}@media(max-width:700px){.oc2-intro{display:block;padding:24px 16px 16px}.oc2-intro p{max-width:none;margin-top:12px;font-size:12px}.oc2 h1{font-size:26px}.oc2-toolbar{padding:0 16px}.oc2-tabs{gap:20px;font-size:13px}.oc2-tools{justify-content:space-between}.oc2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc2-meta{padding:10px;min-height:72px;font-size:12px}.oc2-meta p{font-size:11px}.oc2-badge{left:8px;top:8px;font-size:9px;padding:4px 6px}.oc2-quick-layout{display:block}.oc2-quick-layout>img{max-height:28dvh;margin-bottom:16px}.oc2-dialog{padding:16px}.oc2-dialog h2{font-size:22px}.oc2-quick-info>p{margin-bottom:16px}}.oc2 :is(p,span,a,button,label,select,input,h1,h2,legend){font-family:OctMontreal,Arial,sans-serif;font-weight:500!important}.oc2 .oc2-meta,.oc2 .oc2-meta p{font-size:14px}.oc2 .oc2-badge{text-transform:uppercase;font-size:11px;line-height:1.2;min-width:76px;text-align:center;padding:7px 12px}.oc2 .oc2-badge--new,.oc2 .oc2-badge--back{background:#61ff5c;color:#000}.oc2 .oc2-badge--low{background:#f2f2eb;color:#9b3826}.oc2 .oc2-badge--low:before{content:"\25cf  ";font-size:9px}.oc2 .oc2-load-error:empty{display:none}@media(max-width:700px){.oc2 .oc2-meta,.oc2 .oc2-meta p{font-size:12px}.oc2 .oc2-badge{font-size:10px;min-width:64px;padding:5px 8px}}@media(min-width:1024px){.oc2-photo{aspect-ratio:4/5}.oc2-photo img{object-fit:cover}.oc2-meta{min-height:52px;padding:10px 14px}.oc2 .oc2-badge{top:12px;left:10px;padding:8px 14px;min-width:84px}}.oc2 .oc2-badge--back{background:#303030;color:#fff}@font-face{font-family:OctNeueBit;src:url(./oct-neuebit-bold.otf) format("opentype");font-weight:700;font-display:swap}.oc2 h1{font-family:OctNeueBit,monospace;font-weight:700!important;font-size:38px;line-height:1}.oc2 .oc2-badge{font-family:OctNeueBit,monospace;font-weight:700!important;font-size:20px;line-height:1}.oc2-grid{background:#f2f2eb;gap:0;border-bottom:0}.oc2-card{border-right:1.5px solid #000;border-bottom:1.5px solid #000}.oc2-meta p{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 8px}.oc2-meta s{color:#74746e;font-size:12px}@media(max-width:1000px){.oc2-meta p{justify-content:flex-start}}@media(max-width:700px){.oc2 h1{font-size:34px}.oc2 .oc2-badge{font-size:17px}.oc2-meta s{font-size:11px}}.oc2-photo{aspect-ratio:4/5}.oc2-photo img{object-fit:cover}.oc2 .oc2-badge{font-size:17px;min-width:0;padding:6px 10px}@media(max-width:700px){.oc2 .oc2-badge{font-size:14px;padding:4px 7px;top:8px;left:8px}}@media(max-width:700px){.oc2 h1{font-family:OctMontreal,Arial,sans-serif;font-weight:500!important;font-size:30px;line-height:1.1}.oc2 .oc2-intro [data-count]{font-family:OctNeueBit,monospace;font-weight:700!important;font-size:20px;line-height:1}.oc2-intro p{font-size:14px;line-height:1.45}.oc2-tabs,.oc2-tools,.oc2-tools select{font-size:14px}}.oc2{--rule:1.5px solid #000}.oc2 .oc2-tools{justify-content:flex-end;margin-left:auto;gap:24px}.oc2 .oc2-tools :is(button,label,select){font-family:OctNeueBit,monospace;font-weight:700!important;font-size:20px;line-height:1}.oc2 .oc2-tools select{padding-right:0;text-align:right;max-width:180px}.oc2 :is(a,button,input,select):focus-visible{outline-width:1.5px}.oc2-photo .oc2-second-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.oc2-photo .oc2-badge{z-index:1}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.oc2-photo .oc2-second-image{transition:opacity .18s ease}.oc2-photo:hover .oc2-second-image{opacity:1}}@media(prefers-reduced-motion:reduce){.oc2-photo .oc2-second-image{transition:none}}.oc2-curated .oc2-intro{display:block}.oc2-curated .oc2-intro>div{flex-wrap:wrap;gap:8px 14px}.oc2-curated .oc2-intro h1{max-width:100%}.oc2-curated .oc2-intro>p{max-width:none;margin-top:12px}.oc2-curated .oc2-intro{padding-top:24px;padding-bottom:24px}.oc2-curated .oc2-intro .oc2-edit-label{font-family:OctNeueBit,monospace;font-size:22px;font-weight:700!important;line-height:1;margin:0 0 12px}.oc2-curated .oc2-intro h1{font-family:OctMontreal,Arial,sans-serif;font-weight:500!important;font-size:32px;line-height:1.15}.oc2-curated .oc2-rotation-heading{grid-column:1/-1;margin:0;padding:56px 24px 24px;font-family:OctNeueBit,monospace;font-size:28px;font-weight:700!important;border-bottom:1.5px solid #000}@media(max-width:700px){.oc2-curated .oc2-intro h1{font-size:28px}.oc2-curated .oc2-rotation-heading{font-size:25px;padding:40px 16px 20px}}.oc2-curated .oc2-tabs{display:none}.oc2-curated .oc2-badge{background:#f2f2eb;color:#000;border:1.5px solid #000}.oc2-curated .oc2-toolbar{display:none}.oc2-curated .oc2-grid{border-top:1.5px solid #000}.oc2 .oc2-tools{display:none}.oc2 .oc2-badge--sold{background:#d9d9d4;color:#000}.oc2:not(.oc2-curated) .oc2-intro h1{font-family:OctMontreal,Arial,sans-serif;font-weight:500!important}.oc2 .oc2-intro [data-count]{font-family:OctNeueBit,monospace;font-weight:700!important;font-size:20px;line-height:1}.oc2 .oc2-badge--best{background:#f2f2eb;color:#000;border:1.5px solid #000}.oc2 .oc2-tabs button[aria-pressed=true]{border-bottom-color:transparent;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.oc2 .oc2-photo img{transform:scale(.9);transform-origin:center}.oc2 .oc2-photo .oc2-second-image{transform:none}@media(max-width:1000px){.oc2 .oc2-meta{min-height:0;padding-top:10px;padding-bottom:10px}.oc2 .oc2-meta p{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/oct-collection-style-2.css.map */