.main-collection{padding-block:var(--collection-padding-top, 64px) var(--collection-padding-bottom, 80px)}tf-collection-products{position:relative;display:block}.collection-active-filters{margin-bottom:18px}.collection-active-filters__list{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.collection-active-filters__count{margin:0;font-size:14px;line-height:22px;color:rgb(var(--color-text-primary))}.collection-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border:1px solid rgb(var(--color-border));border-radius:4px;background:rgb(var(--color-border));color:rgb(var(--color-text-primary));font-size:14px;line-height:22px;text-decoration:none}.collection-filter-chip svg{width:12px}.collection-filter-chip:hover,.collection-filter-chip:focus-visible{border-color:currentColor;color:rgb(var(--color-light));background:rgb(var(--color-foreground))}.collection-filter-chip--clear{background:rgb(var(--color-foreground));color:rgb(var(--color-light))}.collection-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:24px}.collection-toolbar{position:sticky;top:var(--collection-toolbar-sticky-top, 0px);z-index:200;padding-block:12px;background-color:rgb(var(--color-background, 255 255 255))}.collection-toolbar.sticky-top{position:sticky;top:var(--sticky-header-offset, 0px);z-index:30;padding-block:12px;background-color:rgb(var(--color-background));transition:top .25s ease}@media(prefers-reduced-motion:reduce){.collection-toolbar.sticky-top{transition:none}}.collection-toolbar__start,.collection-toolbar__center,.collection-toolbar__end{display:flex;align-items:center;gap:16px}.collection-toolbar__start{justify-self:start}.collection-toolbar__center{justify-self:center}.collection-toolbar__end{justify-self:end}@media(min-width:990px){.collection-layout--left .collection-toolbar__end,.collection-layout--right .collection-toolbar__end{order:-1;justify-self:start}.collection-layout--left .collection-toolbar__center,.collection-layout--right .collection-toolbar__center{order:1;justify-self:end}.collection-sidebar .canvas-filter .canvas-header{padding-block:15px;background-color:transparent}.collection-sidebar .canvas-filter.left .canvas-body,.collection-sidebar .canvas-filter.left .canvas-header{padding-left:0}.collection-sidebar .canvas-filter.right .canvas-body,.collection-sidebar .canvas-filter.right .canvas-header{padding-right:0}}.collection-toolbar__count{margin:0;color:var(--color-text-secondary);font-size:14px}.collection-sort{display:flex;align-items:center;gap:10px}.collection-sort__label{white-space:nowrap;font-size:14px}.collection-sort__control{position:relative}.collection-sort__select{width:var(--sort-select-width, auto);min-height:40px;padding:8px 33px 8px 12px;border:none;color:rgb(var(--color-text-primary));font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer;font-weight:500;text-transform:capitalize}.collection-sort__icon{position:absolute;inset-block-start:50%;inset-inline-end:0px;display:inline-flex;pointer-events:none;transform:translateY(-50%)}.collection-view-switcher{display:inline-flex;align-items:center;overflow:hidden;gap:8px}.collection-view-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:0;border:1px solid rgb(var(--color-border));background:rgb(var(--color-border));color:rgb(var(--color-foreground));cursor:pointer}.collection-view-button:hover,.collection-view-button.is-active,.collection-view-button[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-light))}.collection-view-button:focus-visible{position:relative;z-index:1;outline:2px solid currentColor;outline-offset:-4px}.collection-results{position:relative;min-height:120px}.collection-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;background:#ffffffb8;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.collection-loading-overlay[hidden]{display:none!important}.collection-loading-spinner,.collection-load-more__spinner{display:inline-block;width:24px;height:24px;border:2px solid rgb(0 0 0 / 16%);border-top-color:currentColor;border-radius:50%;animation:collection-spinner .75s linear infinite}.collection-product-grid{display:grid;grid-template-columns:repeat(var(--view-columns-desktop, var(--collection-grid-columns-desktop, 4)),minmax(0,1fr));gap:var(--collection-grid-gap-desktop, 24px);margin:0;padding:0;list-style:none;scroll-margin-top:110px}.collection-product-grid:focus{outline:none}.collection-product-grid__item{min-width:0}.collection-product-grid[data-view=list]{grid-template-columns:minmax(0,1fr)}.collection-product-grid[data-view=list] .card-product{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);align-items:center;gap:24px}.collection-product-grid[data-view=list] .card-product_wrapper,.collection-product-grid[data-view=list] .card-product_info{min-width:0}.collection-pagination-slot{margin-top:48px}.collection-pagination__list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.collection-pagination__link,.collection-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding-inline:10px;border:1px solid rgb(var(--color-border));border-radius:4px;background:rgb(var(--color-light));color:rgb(var(--color-foreground));text-decoration:none}.collection-pagination__link:hover,.collection-pagination__link:focus-visible,.collection-pagination__link.is-current{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-light))}.collection-pagination__ellipsis{border-color:transparent}.collection-load-more{position:relative;display:flex;justify-content:center}.collection-load-more__button{min-width:200px;width:auto}.collection-load-more__button.is-loading{opacity:.65;pointer-events:none}.collection-load-more__spinner{width:18px;height:18px;margin-inline-start:8px;vertical-align:middle}.collection-load-more__spinner[hidden]{display:none!important}.collection-pagination__sentinel{position:absolute;inset-inline:0;inset-block-end:-80px;height:1px;pointer-events:none}.collection-empty{padding:80px 20px;text-align:center}.collection-empty__title{margin:0;font-size:clamp(28px,3vw,40px)}.collection-empty__text{margin:16px 0 26px;color:var(--color-text-secondary)}.collection-empty .tf-btn{width:auto;padding:16px 32px;height:58px}@keyframes collection-spinner{to{transform:rotate(360deg)}}@media(max-width:1199px){.collection-product-grid{grid-template-columns:repeat(var(--view-columns-current, var(--collection-grid-columns-tablet, 3)),minmax(0,1fr))}.collection-product-grid[data-view=list]{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.main-collection{padding-block:calc(var(--collection-padding-top, 64px) * .75) calc(var(--collection-padding-bottom, 80px) * .75)}.main-collection__header{margin-bottom:32px}.collection-toolbar__center{justify-content:space-between;margin-inline-start:0}.collection-sort{min-width:0;display:none}.collection-sort__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.collection-sort__select{width:min(100%,190px);min-width:0}.collection-product-grid{grid-template-columns:repeat(var(--view-columns-current, var(--collection-grid-columns-mobile, 2)),minmax(0,1fr));gap:30px var(--collection-grid-gap-mobile, 16px)}.collection-product-grid[data-view=list]{grid-template-columns:minmax(0,1fr)}.collection-product-grid[data-view=list] .card-product{grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:15px}.collection-pagination-slot{margin-top:36px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center}.collection-toolbar__end{display:none}}@media(max-width:479px){.collection-toolbar__center{align-items:stretch;flex-direction:column}.collection-sort,.collection-sort__control,.collection-sort__select{width:100%}.collection-view-switcher{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.collection-loading-spinner,.collection-load-more__spinner{animation:none}.collection-product-grid{scroll-behavior:auto}}.collection-layout{display:grid;align-items:start;width:100%;min-width:0;gap:var(--collection-sidebar-gap, 32px)}.collection-layout--left{grid-template-columns:minmax(220px,var(--collection-sidebar-width, 300px)) minmax(0,1fr);grid-template-areas:"sidebar main"}.collection-layout--right{grid-template-columns:minmax(0,1fr) minmax(220px,var(--collection-sidebar-width, 300px));grid-template-areas:"main sidebar"}.collection-layout--drawer,.collection-layout--without-filters{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.collection-layout__main{grid-area:main;width:100%;min-width:0}.collection-sidebar{grid-area:sidebar;width:100%;min-width:0}.collection-sidebar__inner{width:100%;min-width:0}.collection-sidebar__inner.is-sticky{position:sticky;inset-block-start:var(--collection-sidebar-sticky-top, 100px)}.collection-sidebar .canvas-sidebar,.collection-sidebar .canvas-wrapper,.collection-sidebar .facet-form-component,.collection-sidebar .facet-form{width:100%;min-width:0}.collection-sidebar .canvas-header{padding-block:0 18px}.collection-sidebar .canvas-body{width:100%}.collection-filter-trigger{display:none;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;padding-inline-start:0;border-radius:4px;background:rgb(var(--color-background, #fff));color:rgb(var(--color-foreground, #101010));font:inherit;font-weight:500;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.collection-filter-trigger:hover{border-color:currentColor}.collection-filter-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}.collection-filter-trigger--desktop,.collection-layout--drawer .collection-filter-trigger{display:inline-flex}.collection-filter-trigger__count{display:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;background:rgb(var(--color-foreground, #101010));color:rgb(var(--color-background, #fff));font-size:11px;line-height:1}.facet-drawer[hidden]{display:none!important}.facet-drawer{--facet-drawer-width: 400px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none}.facet-drawer.is-open{visibility:visible;pointer-events:auto}.facet-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#00000073;opacity:0;cursor:pointer;transition:opacity .25s ease}.facet-drawer.is-open .facet-drawer__overlay{opacity:1}.facet-drawer__panel{position:absolute;inset-block:0;width:min(var(--facet-drawer-width),calc(100vw - 40px));max-width:100%;height:100vh;height:100dvh;overflow:hidden;background:rgb(var(--color-background, #fff));color:rgb(var(--color-foreground, #101010));box-shadow:0 0 40px #00000024;transition:transform .25s ease;will-change:transform}.facet-drawer--left .facet-drawer__panel{left:0;right:auto;transform:translate(-100%)}.facet-drawer--right .facet-drawer__panel{right:0;left:auto;transform:translate(100%)}.facet-drawer.is-open .facet-drawer__panel{transform:translate(0)}.facet-drawer .facet-form-component,.facet-drawer .facet-form,.facet-drawer .canvas-sidebar,.facet-drawer .canvas-wrapper{width:100%;height:100%}.facet-drawer .canvas-wrapper{display:flex;flex-direction:column;min-height:0}.facet-drawer .canvas-header{position:sticky;inset-block-start:0;z-index:3;flex:0 0 auto;padding:max(20px,env(safe-area-inset-top)) 24px 18px;background:rgb(var(--color-background, #fff))}.facet-drawer .canvas-body{flex:1 1 auto;min-height:0;padding:20px 24px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.facet-drawer__close,.facet-drawer .close-filter{display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.facet-drawer__close:hover,.facet-drawer .close-filter:hover{color:rgb(var(--color-accent))}.facet-drawer__close:focus-visible,.facet-drawer .close-filter:focus-visible{outline:2px solid currentColor;outline-offset:2px}.facet-drawer__close .icon-svg,.facet-drawer .close-filter .icon-svg{display:block;width:20px;height:20px;pointer-events:none}html.facet-drawer-open,html.facet-drawer-open body{overflow:hidden}@media(min-width:990px){.collection-layout--left .collection-filter-trigger:not(.collection-filter-trigger--desktop),.collection-layout--right .collection-filter-trigger:not(.collection-filter-trigger--desktop){display:none}.collection-layout--drawer .collection-filter-trigger{display:inline-flex}}@media(max-width:989px){.collection-layout,.collection-layout--left,.collection-layout--right,.collection-layout--drawer,.collection-layout--without-filters{grid-template-columns:minmax(0,1fr);grid-template-areas:"main";gap:0}.collection-sidebar--desktop{display:none}.collection-filter-trigger{display:inline-flex}}@media(max-width:749px){.facet-drawer{--facet-drawer-width: 360px}.facet-drawer__panel{width:min(var(--facet-drawer-width),calc(100vw - 24px))}.facet-drawer .canvas-header,.facet-drawer .canvas-body{padding-inline:18px}}@media(max-width:479px){.facet-drawer__panel{width:calc(100vw - 16px)}.collection-filter-trigger{min-height:38px;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.collection-filter-trigger,.facet-drawer__overlay,.facet-drawer__panel{transition:none}}.collection-view-button[hidden]{display:none!important}@media(max-width:1199px){.collection-view-button[data-view-columns="4"],.collection-view-button[data-view-columns="5"],.collection-view-button[data-view-columns="6"]{display:none}}@media(max-width:749px){.collection-view-button[data-view-columns="3"],.collection-view-button[data-view-columns="4"],.collection-view-button[data-view-columns="5"],.collection-view-button[data-view-columns="6"]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-collection.css.map */