.tf-coll{display:block;--color-foreground: var(--tf-text-rgb);--color-button: var(--tf-accent-rgb);--color-link: var(--tf-accent-rgb)}.tf-coll-hero{position:relative;overflow:hidden;padding-block:40px 36px;margin-bottom:28px}.tf-coll-hero--tint{background:radial-gradient(60% 90% at 100% 0%,var(--tf-secondary-tint) 0%,transparent 70%),radial-gradient(55% 80% at 0% 100%,var(--tf-accent-tint) 0%,transparent 70%),var(--tf-bg);border-bottom:1px solid var(--tf-border-soft, var(--tf-border))}.tf-coll-hero--accent{background:var(--tf-accent);color:var(--tf-on-accent)}.tf-coll-hero--accent .tf-coll-hero__title,.tf-coll-hero--accent .tf-coll-hero__eyebrow,.tf-coll-hero--accent .tf-coll-hero__crumbs a,.tf-coll-hero--accent .tf-coll-hero__desc{color:inherit}.tf-coll-hero__inner{position:relative;display:grid;gap:28px;align-items:center}.tf-coll-hero__text{display:grid;gap:12px;justify-items:start;max-width:680px}.tf-coll-hero--centre .tf-coll-hero__text{justify-items:center;text-align:center;margin-inline:auto}.tf-coll-hero__crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--tf-body-xs);color:var(--tf-muted)}.tf-coll-hero__crumbs a{color:var(--tf-muted);text-decoration:none}.tf-coll-hero__crumbs a:hover{color:var(--tf-accent)}.tf-coll-hero__crumbs [aria-current]{color:var(--tf-text);font-weight:var(--tf-fw-semi)}.tf-coll-hero__eyebrow{color:var(--tf-accent)}.tf-coll-hero__title{color:var(--tf-heading-color, var(--tf-text))}.tf-coll-hero__desc{color:var(--tf-muted);max-width:60ch}.tf-coll-hero__desc>:first-child{margin-top:0}.tf-coll-hero__desc>:last-child{margin-bottom:0}.tf-coll-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}.tf-coll-hero__pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--tf-radius-pill);background:var(--tf-surface);border:1px solid var(--tf-border);font-size:var(--tf-body-xs);font-weight:var(--tf-fw-semi);color:var(--tf-text);box-shadow:var(--tf-shadow-xs)}.tf-coll-hero__pill .tf-icon{width:16px;height:16px;color:var(--tf-accent)}.tf-coll-hero__pill--soft{background:var(--tf-accent-tint);border-color:transparent;box-shadow:none}.tf-coll-hero__media{position:relative;justify-self:center;width:min(100%,420px)}.tf-coll-hero__media:before{content:"";position:absolute;top:8%;right:-6%;bottom:-6%;left:8%;border-radius:var(--tf-radius-xl);background:var(--tf-accent-tint);transform:rotate(3deg)}.tf-coll-hero__image{position:relative;width:100%;height:auto;border-radius:var(--tf-radius-xl);box-shadow:var(--tf-shadow-lg);object-fit:cover;aspect-ratio:4 / 3}@media screen and (max-width:749px){.tf-coll-hero{padding-block:24px 24px;margin-bottom:16px}.tf-coll-hero__media{width:min(100%,320px)}.tf-coll-hero__desc{font-size:var(--tf-body)}}@media screen and (min-width:990px){.tf-coll-hero{padding-block:56px 52px;margin-bottom:36px}.tf-coll-hero--has-image .tf-coll-hero__inner{grid-template-columns:minmax(0,1fr) 420px;gap:56px}.tf-coll-hero--has-image.tf-coll-hero--centre .tf-coll-hero__inner{grid-template-columns:1fr}}.tf-coll__toolbar{margin-bottom:24px;padding:0}.tf-coll .facets-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px 12px 20px;background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-radius-xl);box-shadow:var(--tf-shadow-xs);margin:0}.tf-coll .facets__form{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;width:100%;margin:0}.tf-coll .facets__wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 auto;margin:0;grid-column:auto;grid-row:auto}.tf-coll .facets__heading,.tf-coll .facet-filters__label,.tf-coll .product-count__text{margin:0;font-family:var(--tf-font-body);font-size:var(--tf-body-sm);font-weight:var(--tf-fw-semi);color:var(--tf-muted);letter-spacing:0}.tf-coll .facets__disclosure{margin:0}.tf-coll .facets__summary{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 16px;border:1px solid var(--tf-border);border-radius:var(--tf-radius-pill);background:var(--tf-bg);font-size:var(--tf-body-sm);font-weight:var(--tf-fw-semi);color:var(--tf-text);transition:border-color var(--tf-dur-fast) var(--tf-ease),background var(--tf-dur-fast) var(--tf-ease)}.tf-coll .facets__summary:hover{border-color:var(--tf-accent)}.tf-coll .facets__summary>div{display:inline-flex;align-items:center;gap:8px}.tf-coll details[open]>.facets__summary{background:var(--tf-accent-tint);border-color:var(--tf-accent)}.tf-coll .facets__summary .svg-wrapper,.tf-coll .facets__summary svg{width:12px;height:12px;top:0;position:static;transition:transform var(--tf-dur-fast) var(--tf-ease)}.tf-coll details[open]>.facets__summary svg{transform:rotate(180deg)}.tf-coll .facets__display{top:calc(100% + 8px);border:1px solid var(--tf-border);border-radius:var(--tf-radius-lg);background:var(--tf-surface);box-shadow:var(--tf-shadow-lg);overflow:hidden}.tf-coll .facets__header{padding:14px 18px;border-bottom:1px solid var(--tf-border);font-size:var(--tf-body-sm)}.tf-coll .facets__list{padding:10px 18px 14px}.tf-coll .facets__item label,.tf-coll .facet-checkbox{font-size:var(--tf-body-sm);color:var(--tf-text);padding-block:6px}.tf-coll .facet-checkbox input[type=checkbox]:checked~svg,.tf-coll .facet-checkbox>svg{color:var(--tf-accent)}.tf-coll .facets__reset,.tf-coll .mobile-facets__clear{color:var(--tf-accent);font-weight:var(--tf-fw-semi)}.tf-coll .facets__price .field__input{border-radius:var(--tf-radius-md)}.tf-coll .facet-filters.sorting{display:flex;align-items:center;gap:10px;padding:0;margin:0}.tf-coll .facet-filters__field{display:flex;align-items:center;gap:10px}.tf-coll .facet-filters .select{position:relative;border:1px solid var(--tf-border);border-radius:var(--tf-radius-pill);background:var(--tf-bg)}.tf-coll .facet-filters .select:hover{border-color:var(--tf-accent)}.tf-coll .facet-filters__sort{height:auto;padding:9px 38px 9px 16px;border:0;background:transparent;font-family:var(--tf-font-body);font-size:var(--tf-body-sm);font-weight:var(--tf-fw-semi);color:var(--tf-text);box-shadow:none;cursor:pointer}.tf-coll .facet-filters__sort:focus,.tf-coll .facet-filters__sort:focus-visible{box-shadow:none;outline:0}.tf-coll .facet-filters .select:focus-within{outline:var(--tf-focus-width, 2px) solid var(--tf-focus, var(--tf-accent));outline-offset:2px}.tf-coll .facet-filters .select .svg-wrapper{right:14px;width:12px;height:12px}.tf-coll .product-count{margin:0 0 0 auto;align-self:center}.tf-coll .product-count__text{color:var(--tf-muted);font-weight:var(--tf-fw-normal)}.tf-coll .active-facets{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin:0}.tf-coll .active-facets:empty{display:none}.tf-coll .active-facets__button{margin:0;padding:0;text-decoration:none}.tf-coll .active-facets__button-inner{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:7px 12px 7px 14px;border:0;border-radius:var(--tf-radius-pill);background:var(--tf-accent-tint);color:var(--tf-accent-dark, var(--tf-accent));font-size:var(--tf-body-xs);font-weight:var(--tf-fw-semi);box-shadow:none}.tf-coll .active-facets__button-inner:before,.tf-coll .active-facets__button-inner:after{display:none}.tf-coll .active-facets__button-remove{font-size:var(--tf-body-xs);color:var(--tf-muted);align-self:center}.tf-coll .mobile-facets__wrapper{margin:0;width:100%}.tf-coll .mobile-facets__open-wrapper{display:block}.tf-coll .mobile-facets__open{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 18px;border:1px solid var(--tf-border);border-radius:var(--tf-radius-pill);background:var(--tf-surface);font-size:var(--tf-body-sm);font-weight:var(--tf-fw-semi);color:var(--tf-text);box-shadow:var(--tf-shadow-xs)}.tf-coll .mobile-facets__open .svg-wrapper,.tf-coll .mobile-facets__open svg{width:18px;height:18px;color:var(--tf-accent)}.tf-coll .mobile-facets__inner{border-radius:var(--tf-radius-xl) 0 0 var(--tf-radius-xl);background:var(--tf-surface)}.tf-coll .mobile-facets__header{border-bottom:1px solid var(--tf-border)}.tf-coll .mobile-facets__heading{font-family:var(--tf-heading-font);font-size:var(--tf-h4);font-weight:var(--tf-font-display-weight)}.tf-coll .mobile-facets__summary,.tf-coll .mobile-facets__label,.tf-coll .mobile-facets__sort label{font-size:var(--tf-body)}.tf-coll .mobile-facets__footer{gap:10px;padding:14px 18px;border-top:1px solid var(--tf-border);background:var(--tf-surface)}.tf-coll .mobile-facets__footer .button{border-radius:var(--tf-radius-pill);font-family:var(--tf-font-body);font-weight:var(--tf-fw-bold);font-size:var(--tf-btn);letter-spacing:0}.tf-coll .mobile-facets__footer .button:before,.tf-coll .mobile-facets__footer .button:after{border-radius:var(--tf-radius-pill);box-shadow:none}@media screen and (max-width:749px){.tf-coll__toolbar{margin-bottom:16px}.tf-coll .facets-container{padding:0;border:0;background:none;box-shadow:none;gap:10px}.tf-coll .product-count{width:100%;margin:0;text-align:center}}.tf-coll .collection{position:relative}.tf-coll .loading-overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:2;display:none;border-radius:var(--tf-radius-lg);background:color-mix(in srgb,var(--tf-bg) 65%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.tf-coll .collection.loading .loading-overlay{display:block}.tf-coll__grid{display:grid;grid-template-columns:repeat(var(--tf-cols-m, 2),minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.tf-coll__item{display:flex}.tf-coll__item>.tf-pcard{width:100%}@media screen and (min-width:750px){.tf-coll__grid{grid-template-columns:repeat(min(3,var(--tf-cols-d, 4)),minmax(0,1fr));gap:20px}}@media screen and (min-width:990px){.tf-coll__grid{grid-template-columns:repeat(var(--tf-cols-d, 4),minmax(0,1fr));gap:24px}}@media screen and (max-width:749px){.tf-coll .tf-pcard{--tf-pcard-padding: 12px 12px 14px;--tf-pcard-radius: 14px}.tf-coll .tf-pcard__cta{padding:.55em .9em;font-size:var(--tf-btn-sm)}}.tf-coll__empty{display:grid;justify-items:center;gap:12px;padding:56px 24px;text-align:center;border:1px dashed var(--tf-border);border-radius:var(--tf-radius-xl);background:var(--tf-surface)}.tf-coll__empty p{margin:0}.tf-coll__empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--tf-accent-tint);color:var(--tf-accent)}.tf-coll__pager{display:grid;justify-items:center;gap:12px;margin-top:48px}.tf-coll__pager-count{margin:0;font-size:var(--tf-body-sm);color:var(--tf-muted)}.tf-coll__pager-bar{display:block;width:min(240px,70%);height:4px;border-radius:var(--tf-radius-pill);background:var(--tf-border);overflow:hidden}.tf-coll__pager-bar>span{display:block;height:100%;border-radius:inherit;background:var(--tf-accent)}.tf-coll__pager-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;padding:0;list-style:none}.tf-coll__pager-btn{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--tf-border);border-radius:var(--tf-radius-pill);background:var(--tf-surface);font-size:var(--tf-body-sm);font-weight:var(--tf-fw-semi);color:var(--tf-text);text-decoration:none;transition:border-color var(--tf-dur-fast) var(--tf-ease),color var(--tf-dur-fast) var(--tf-ease)}.tf-coll__pager-btn .tf-icon{width:18px;height:18px}.tf-coll__pager-btn{transition:border-color var(--tf-dur-fast) var(--tf-ease),color var(--tf-dur-fast) var(--tf-ease),transform var(--tf-dur-fast) var(--tf-ease)}a.tf-coll__pager-btn:hover{border-color:var(--tf-accent);color:var(--tf-accent)}a.tf-coll__pager-btn:active{transform:scale(.96)}a.tf-coll__pager-btn:focus-visible{outline:var(--tf-focus-width) solid var(--tf-focus);outline-offset:2px}.tf-coll__pager-btn.is-current{background:var(--tf-accent);border-color:var(--tf-accent);color:var(--tf-on-accent)}.tf-coll__pager-gap{display:grid;place-items:center;height:44px;color:var(--tf-muted)}.tf-coll facet-filters-form.facets{display:block;flex:1 1 100%;width:100%;margin:0;padding:0}.tf-coll .facets__form>.facets__wrapper{order:1}.tf-coll .facets__form>.facet-filters.sorting{order:2}.tf-coll .facets__form>.product-count{order:3;margin-left:0}.tf-coll .facets__form>.active-facets{order:4}.tf-coll .facets__form>.active-facets:not(:has(a.active-facets__button)){display:none}.tf-coll .facets__summary{margin:0}.tf-coll .facets__wrapper>*{margin-block:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-collection.css.map */