oo-facets,oo-quickpick{display:block}.oo-collection__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(22px,3.6vw,40px) clamp(20px,3.6vw,44px);border-radius:var(--oo-radius-panel);background:var(--oo-frost);box-shadow:inset 0 0 0 1px rgb(var(--oo-paper-rgb) / 70%);overflow-wrap:anywhere}.oo-collection__head>*{max-width:46rem}.oo-collection__head .oo-breadcrumbs,.oo-collection__head .oo-breadcrumbs a{color:var(--oo-ink-2)}.oo-collection__head .oo-breadcrumbs{margin:-10px 0}.oo-collection__head .oo-breadcrumbs li{display:flex;align-items:center;min-width:0;max-width:100%}.oo-collection__head .oo-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.oo-collection__title{font-size:clamp(2rem,3.6vw,3rem)}.oo-collection__intro{color:var(--oo-ink-2);font-size:1.0625rem;line-height:1.6}.oo-collection__head .oo-rte a,.oo-collection__head .oo-link{color:var(--oo-teal-ink)}.oo-collection__count{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:var(--oo-radius-pill);background:var(--oo-paper);color:var(--oo-teal-ink);font-size:.9375rem;font-weight:800}.oo-quickpick{margin-top:18px}.oo-quickpick__list{position:relative;display:flex;gap:4px;margin:0;padding:6px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid var(--oo-edge);border-radius:calc(var(--oo-radius-control) + 6px);background:var(--oo-surface)}.oo-quickpick__list>li{flex:none}.oo-quickpick__link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--oo-radius-control);color:var(--oo-ink-2);font-size:.9375rem;font-weight:700;text-decoration:none;white-space:nowrap}.oo-quickpick__link:hover{background:var(--oo-paper);color:var(--oo-ink)}.oo-quickpick__link[aria-current=page]{background:var(--oo-solid);color:var(--oo-white);box-shadow:var(--oo-active-ring)}.oo-quickpick__link:focus-visible{border-radius:var(--oo-radius-control)}@media(min-width:860px){.oo-quickpick__list{flex-wrap:wrap;width:fit-content;max-width:100%;overflow-x:visible}}.oo-listing{display:grid;gap:20px;margin-top:24px}@media(min-width:860px){.oo-listing--aside{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:28px;align-items:start}}.oo-listing__main{display:flex;flex-direction:column;gap:18px;min-width:0}.oo-listing__aside{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}@media(max-width:859px){.js .oo-listing__aside{display:none}}.oo-listing__skip{position:absolute;top:0;left:0;z-index:3;padding:10px 16px;border-radius:var(--oo-radius-small);background:var(--oo-solid);color:var(--oo-white);font-weight:700;text-decoration:none;transform:translateY(-200%);opacity:0}.oo-listing__skip:focus-visible{transform:none;opacity:1}.oo-listing__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.oo-listing__filter-btn{flex:none;padding:0 18px}.oo-listing__filter-count:empty{display:none}.oo-listing__filter-btn .oo-count{background:var(--oo-ice)}oo-facets:not(:defined) .oo-listing__filter-btn{visibility:hidden}@media(min-width:860px){.oo-listing__filter-btn{display:none}}.oo-listing__sort{display:flex;flex:1 1 240px;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.oo-listing__sort .oo-label{flex:none}.oo-listing__sort .oo-select{flex:0 1 auto;width:auto;min-width:0;max-width:100%}.oo-listing__loading{flex-basis:100%;font-size:.875rem;font-weight:700;color:var(--oo-teal-ink)}.oo-listing__results{min-width:0}oo-facets.is-loading .oo-listing__results{opacity:.55}.oo-listing__pagination .oo-pagination a:focus-visible{border-radius:var(--oo-radius-small)}.oo-facets__heading{font-size:1.375rem;font-weight:800;line-height:1.3}@media(max-width:859px){.oo-facets__heading{font-size:1.125rem}}.oo-facets__panel{display:flex;flex-direction:column;padding:6px 18px 18px;border:1px solid var(--oo-edge);border-radius:var(--oo-radius-panel);background:var(--oo-surface);box-shadow:var(--oo-shadow-card)}.oo-facets__dialog .oo-facets__panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.oo-facets__group+.oo-facets__group{border-top:1px solid var(--oo-line)}.oo-facets__summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 0;font-weight:800;cursor:pointer;list-style:none}.oo-facets__summary::-webkit-details-marker{display:none}.oo-facets__summary>.oo-icon{flex:none;margin-left:auto}.oo-facets__group[open]>.oo-facets__summary>.oo-icon{transform:rotate(180deg)}.oo-facets__summary .oo-count{background:var(--oo-ice)}.oo-facets__fieldset{min-width:0;margin:0 0 12px;padding:0;border:0}.oo-facets__values{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.oo-facets__value{align-items:center;min-height:44px;font-size:.9375rem;cursor:pointer}.oo-facets__value input{margin:0}.oo-facets__value-label{min-width:0;overflow-wrap:anywhere}.oo-facets__value-count{margin-left:auto;padding-left:8px;color:var(--oo-muted);font-size:.8125rem}.oo-facets__value.is-disabled{color:var(--oo-muted);cursor:not-allowed}.oo-facets__price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px}.oo-facets__panel>.oo-facets__nojs{margin-top:12px}.oo-facets__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.oo-facets__chip{gap:8px;max-width:100%;padding:0 12px 0 16px;border-color:var(--oo-line);background:var(--oo-paper);color:var(--oo-ink);overflow-wrap:anywhere}.oo-facets__chip:hover{color:var(--oo-teal-ink)}.oo-facets__chip:focus-visible{border-radius:var(--oo-radius-pill)}.oo-facets__chip .oo-icon{flex:none}.oo-facets__clear{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:.875rem}.oo-facets__dialog .oo-dialog__inner{padding-bottom:0}.oo-facets__slot{flex:1 0 auto}.oo-facets__dialog-foot{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 -20px;padding:12px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--oo-line);background:var(--oo-bg)}.oo-facets__dialog-clear:empty{display:none}.oo-collection .oo-empty{max-width:46rem}.oo-empty__actions{display:flex;flex-wrap:wrap;gap:10px}.oo-collection__about{display:flex;flex-direction:column;gap:16px;max-width:46rem;margin-top:var(--oo-space-section);scroll-margin-top:24px}.oo-collection__about .oo-rte{color:var(--oo-ink-2)}.oo-collection__apps{margin-top:var(--oo-space-section)}.oo-searchbox{display:flex;align-items:center;gap:8px;width:100%;max-width:560px;padding:6px 6px 6px 18px;border:1px solid var(--oo-edge);border-radius:var(--oo-radius-pill);background:var(--oo-surface-strong);box-shadow:var(--oo-shadow-soft)}.oo-searchbox:has(.oo-searchbox__input:focus-visible){outline:3px solid var(--oo-teal);outline-offset:3px}.oo-searchbox>.oo-icon{flex:none;color:var(--oo-muted)}.oo-searchbox__input{flex:1 1 auto;min-width:0;height:44px;padding:0;border:0;background:transparent;font-size:1rem;color:var(--oo-ink)}.oo-searchbox__input::placeholder{color:var(--oo-muted)}.oo-searchbox__input:focus-visible{outline:none}.oo-searchbox .oo-btn{flex:none;min-height:44px;padding:0 20px}.oo-search__more{display:flex;flex-direction:column;gap:14px;margin-top:36px}.oo-search__links{display:grid;gap:10px;margin:0;padding:0;list-style:none}@media(min-width:860px){.oo-search__links{grid-template-columns:repeat(2,minmax(0,1fr))}}.oo-search__link{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 20px;border:1px solid var(--oo-edge);border-radius:var(--oo-radius-media);background:var(--oo-surface);text-decoration:none;overflow-wrap:anywhere}.oo-search__link:hover .oo-search__title{color:var(--oo-teal-ink);text-decoration:underline}.oo-search__link:focus-visible{border-radius:var(--oo-radius-media)}.oo-search__type{color:var(--oo-teal-ink);font-size:.8125rem;font-weight:700}.oo-search__title{font-size:1.0625rem;font-weight:800;line-height:1.35}.oo-search__excerpt{color:var(--oo-muted);font-size:.875rem;line-height:1.5}.oo-search__tips-intro{font-weight:700;color:var(--oo-ink-2)}.oo-search__tips{margin:-6px 0 0;padding-left:1.2em;color:var(--oo-ink-2)}.oo-search__tips li+li{margin-top:4px}.oo-search__start{margin-top:24px}.oo-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}@media(min-width:600px){.oo-overview{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:18px}}.oo-overview__item{min-width:0}.oo-overview__tile{--oo-overview-radius: var(--oo-radius-card);position:relative;display:block;aspect-ratio:3 / 4;border-radius:var(--oo-overview-radius);overflow:hidden;background:var(--oo-solid);color:var(--oo-ink);text-decoration:none;box-shadow:var(--oo-shadow-card)}@media(min-width:600px){.oo-overview__tile{--oo-overview-radius: var(--oo-radius-panel);aspect-ratio:7 / 8}}.oo-overview__tile:focus-visible{outline-offset:4px;border-radius:var(--oo-overview-radius)}.oo-overview__media,.oo-overview__img,.oo-overview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.oo-overview__img{object-fit:cover;object-position:50% 22%}.oo-overview__placeholder{display:grid;place-items:center;padding-bottom:30%;color:var(--oo-on-solid)}.oo-overview__caption{position:absolute;right:8px;bottom:8px;left:8px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:calc(var(--oo-radius-media) - 4px);background:var(--oo-surface-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oo-overview__title{display:-webkit-box;font-size:.9375rem;font-weight:800;line-height:1.3;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.oo-overview__meta{color:var(--oo-ink-2);font-size:.8125rem}@media(min-width:600px){.oo-overview__caption{right:12px;bottom:12px;left:12px;padding:14px 16px;border-radius:var(--oo-radius-media)}.oo-overview__title{font-size:1.1875rem}.oo-overview__meta{font-size:.875rem}}@media(prefers-reduced-motion:no-preference){.oo-motion .oo-facets__summary>.oo-icon{transition:transform .25s var(--oo-ease)}.oo-motion .oo-listing__results{transition:opacity .2s}@supports (animation-timeline: view()){.oo-motion .oo-listing__item:nth-child(n+5){transform-origin:50% 100%;animation:oo-listing-tilt-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.oo-motion .oo-overview__item:nth-child(n+3){transform-origin:50% 100%;animation:oo-overview-tilt-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.oo-motion .oo-overview__tile{transition:transform .5s var(--oo-ease)}.oo-motion .oo-overview__tile:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-4deg) translateY(-6px)}.oo-motion .oo-overview__img{transition:transform .9s var(--oo-ease)}.oo-motion .oo-overview__tile:hover .oo-overview__img{transform:scale(1.03)}}@keyframes oo-listing-tilt-in{0%{transform:perspective(900px) rotateX(16deg) translateY(36px)}}@keyframes oo-overview-tilt-in{0%{opacity:.35;transform:perspective(900px) rotateX(22deg) translateY(60px) scale(.96)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/oo-collection.css.map */