.collection.loading{position:relative}.collection.loading>.loading-overlay{display:block}.collection-empty{text-align:center;margin-top:4.5rem}.loading-overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:none;width:100%;padding:0 1.5rem;opacity:.7;background:rgb(var(--color-background))}.button-collection-filters-toggle{font-size:calc(var(--font-body-scale) * 1.3rem);background:rgba(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--color-border);border-radius:var(--buttons-radius);align-items:center;gap:.5rem;display:none;position:absolute;top:0;inset-inline-start:0;margin:0;padding:.5rem 1rem;transform:translate(2rem,-50%);text-decoration:none}[dir=rtl] .button-collection-filters-toggle{transform:translate(-2rem,-50%)}.button-collection-filters-toggle:hover{text-decoration:none}@media (min-width: 990px){.button-collection-filters-toggle{display:flex}}.button-collection-filters-toggle .icon{width:1.6rem;height:1.6rem;top:0;color:rgb(var(--color-foreground))}.collection-actions-wrapper{display:flex;flex-direction:column;margin:0}.collection-layout-fullwidth .collection-actions-wrapper{display:flex;align-items:center}.collection-actions-main{display:flex;flex-direction:column;grid-gap:2rem;padding:1.5rem;width:100%}@media (min-width: 990px){.collection-actions-main{padding:1.5rem 2rem}}.collection-actions-main-actions{display:flex;align-items:center;grid-column-gap:2rem;justify-content:space-evenly;margin-bottom:0;flex:none}.collection-actions-main-actions label{margin:0;width:auto;white-space:nowrap}.collection-actions-main-actions>*:only-child{width:100%}@media (max-width: 1119px){.collection-actions-main-actions label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}}@media (max-width: 989px){.collection-actions-main-actions select{width:calc(50% - 1rem)!important;max-width:none;min-width:0}.collection-actions-main-actions>*{width:calc(50% - 1rem)}}@media (min-width: 990px){.collection-actions-main{flex-direction:row;align-items:center;justify-content:space-evenly;margin-bottom:0}.collection-actions-main-actions{justify-content:flex-end;order:1;margin-inline-start:auto;margin-bottom:0;min-width:20rem;grid-column-gap:1rem}.collection-actions-main-actions select{min-width:9.6rem;max-width:16.2rem;padding:.55rem 0;min-height:0;height:auto;border:0;font-size:calc(var(--font-body-scale) * 1.5rem)}.collection-actions-main-actions .button-form-input{display:none}}.collection-layout-fullwidth .collection-actions-main-actions{margin:0;justify-content:flex-start;order:2;margin-inline-start:auto}.collection-layout-fullwidth .collection-actions-main-actions select{width:100%}.collection-actions-secondary-heading{margin-bottom:0;font-weight:var(--font-bolder-weight);color:rgb(var(--color-foreground-alt));display:none;letter-spacing:normal}@media (min-width: 990px){.collection-actions-secondary-heading{display:block}}.collection-actions-filters{display:flex;flex-wrap:wrap;align-items:center;grid-column-gap:2rem;grid-row-gap:.5rem;padding:1.5rem;border-top:.1rem solid var(--color-border)}@media (min-width: 990px){.collection-actions-filters{padding:1.5rem 2rem}}.collection-actions-filters:empty{display:none}.collection-filter-button{font-size:calc(var(--font-body-scale) * 1.5rem);font-family:inherit;cursor:pointer;display:inline-flex;justify-content:flex-start;align-items:center;border:none;text-decoration:none;min-width:5rem;height:auto;line-height:1;text-align:start;font-weight:var(--font-bolder-weight);color:rgb(var(--color-foreground-alt))}.collection-filter-button>span:first-child{transition:text-decoration .18s ease;text-decoration-color:transparent}.collection-filter-button:hover>span:first-child{color:rgb(var(--color-accent-1));text-decoration:underline}.collection-filter-button>span:first-child{margin-inline-end:.65rem;word-break:break-word}.collection-filter-dismiss{color:currentColor;display:flex;align-items:center;justify-content:center;margin-inline-start:auto;font-size:1.3rem;line-height:0;position:relative;width:2.6rem;height:2.6rem;font-weight:400;box-shadow:inset 0 0 0 .2rem var(--color-border);border-radius:50%;text-decoration-color:var(--color-border)}.collection-filter-button:hover .collection-filter-dismiss{box-shadow:inset 0 0 0 .2rem rgb(var(--color-base-accent-2));background:rgb(var(--color-base-accent-2));color:rgb(var(--color-base-accent-2-text))}.button-clear-filters{line-height:1;display:block;font-size:calc(var(--font-body-scale) * 1.4rem)}.collection-layout-switch-container{align-items:center;grid-gap:1rem;display:none}@media (min-width: 750px) and (max-width: 989px){.collection-layout-switch-container{margin-inline-start:auto;width:auto;flex:none}}.collection-layout-switch-container-label{font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:var(--font-bolder-weight);color:rgb(var(--color-foreground-alt))}.main-collection-grid-container .collection{padding:1rem;border:.1rem solid var(--color-border)}.collection-layout-fullwidth .main-collection-grid-container .collection{border-inline-start:.1rem solid var(--color-border)}.main-collection-grid-container .pagination{margin-top:0;padding:1.5rem;border-top:0}@media (min-width: 990px){.main-collection-grid-container .collection{padding:2rem;border-inline-start:0}.main-collection-grid-container .pagination{padding:1.5rem 2rem}}.collection-layout-switch{display:flex;align-items:center;height:4.6rem;border-radius:var(--buttons-radius);border:.1rem solid var(--color-border);padding:.2rem;flex:none;max-width:fit-content}@media (min-width: 750px){.collection-layout-switch-container{display:flex}}.collection-layout-switch-button{border:0;border-radius:var(--buttons-radius);box-shadow:none;padding:0;margin:0;width:3.8rem;height:3.8rem;cursor:pointer;line-height:0;display:flex;align-items:center;justify-content:center}.collection-layout-switch-button svg{width:2rem;height:2rem}.collection-layout-switch-button:not(.button-secondary){background:none;color:rgb(var(--color-foreground-alt))}.collection-layout-switch-media .collection-layout-button-rows{order:-1}.collection-banner-inline{min-height:15rem;border-radius:0;position:relative;overflow:hidden;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem}.collection-banner-inline:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0}@media (min-width: 990px){.collection-banner-inline{min-height:17.5rem;flex-direction:row;justify-content:flex-start;grid-gap:3rem;text-align:start;padding:3rem 5rem}}@media (min-width: 750px){.collection-banner-inline{border-radius:var(--border-radius-base)}}.collection-banner-inline-media{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .4s ease}.collection-banner-inline-content{padding:0;bottom:0;color:currentColor;z-index:1;margin-bottom:2rem}@media (min-width: 990px){.collection-banner-inline-content{width:50%;margin:0}}.collection-banner-inline-heading{font-size:calc(var(--font-heading-scale) * 2.2rem);margin-bottom:1rem;color:currentColor}.collection-banner-inline-heading a{color:currentColor}@media (min-width: 990px){.collection-banner-inline-heading{margin-bottom:0;font-size:calc(var(--font-heading-scale) * 2.4rem)}}.collection-banner-inline-caption{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .35 / var(--font-body-scale));max-width:45rem;margin-top:.5rem}.collection-banner-inline-caption a{color:currentColor;text-underline-offset:.3rem;text-decoration-thickness:.1rem;text-decoration:underline}.collection-banner-inline-caption :last-child{margin:0}@media (min-width: 990px){.collection-banner-inline-caption{max-width:100%}}.collection-banner-inline .button{z-index:1}@media (min-width: 990px){.collection-banner-inline .button{margin-inline-start:auto}}@media (min-width: 750px) and (max-width: 989px){.product-grid.grid-4-col-desktop .grid-item-block{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)!important}.product-grid.grid-4-col-desktop .collection-banner-inline{height:100%}}.collection-banner-inline-card{height:100%;position:relative;overflow:hidden;margin:0;display:flex;flex-direction:column;justify-content:flex-end;padding:5rem 1.8rem 1.8rem;border-radius:var(--border-radius-base);min-height:33rem}.grid-media-cards .collection-banner-inline-card{min-height:0}.collection-banner-inline-card:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0}.collection-banner-inline-card-media{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .4s ease}.collection-banner-inline-card-content{padding:0;bottom:0;color:currentColor;z-index:1}.collection-banner-inline-card-heading{font-size:calc(var(--font-heading-scale) * 1.8rem);margin-bottom:1rem;color:currentColor}.collection-banner-inline-card-heading a{color:currentColor}.collection-banner-inline-card-caption{font-size:calc(var(--font-body-scale) * 1.3rem);line-height:calc(1 + .35 / var(--font-body-scale))}.collection-banner-inline-card-caption a{color:currentColor;text-underline-offset:.3rem;text-decoration-thickness:.1rem;text-decoration:underline}.collection-banner-inline-card-caption :last-child{margin-bottom:0}.collection-banner-inline-card .button{z-index:1;margin-top:2.5rem}@media (min-width: 750px) and (max-width: 989px){.product-grid.grid-4-col-desktop .grid-item-block{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)!important}.product-grid.grid-4-col-desktop .collection-banner-inline-card{height:100%}}.navigation-side{margin:0;padding:0;border-radius:var(--border-radius-base)}@media (min-width: 990px){.navigation-side{padding:2rem;background-color:rgb(var(--color-base-background-2));box-shadow:inset 0 0 0 .1rem var(--color-border)}}.navigation-side-item{font-size:calc(var(--font-body-scale) * 1.5rem);display:block;padding:0;position:relative}.navigation-side-item:before{content:"";position:absolute;inset-inline-start:-1em;top:1em;margin-top:-2px;width:1rem;height:0;border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);opacity:.55}.navigation-side>.navigation-side-item:after,.navigation-side>.navigation-side-item:before{display:none}.navigation-side-item>a{font-weight:400;display:flex;align-items:center;grid-column-gap:1rem;padding:.3rem 0;color:rgb(var(--color-foreground));word-break:break-word}.navigation-side-item>a[aria-current]{color:rgb(var(--color-accent-1));font-weight:var(--font-bolder-weight)}.navigation-side-item>a:hover{color:rgb(var(--color-accent-1))}.navigation-side-item>a svg{width:12px;height:12px;margin-inline-start:auto;transition:transform .18s ease;flex:none}.navigation-side-item.is-expanded>a>svg,.navigation-side-item .is-expanded>a>svg{transform:rotate(180deg)}.navigation-side-item.is-active>a{color:rgb(var(--color-foreground-alt));font-weight:var(--font-bolder-weight)}.navigation-side-item.is-active>a:hover{color:rgb(var(--color-accent-1))}.navigation-side-item ul{padding-inline-start:1.5rem;position:relative}.navigation-side-item ul:before{content:"";border-inline-start:1px solid var(--color-border);position:absolute;top:0;inset-inline-start:0;height:calc(100% - 1em);width:0;opacity:.55}.navigation-side-item ul:not([aria-expanded=true]){display:none}.template-search-search-bar{max-width:58rem;margin:0 auto;position:relative}.template-search-search-bar .field{margin-bottom:0;z-index:10}.template-search-search-bar [type=submit]{position:absolute;min-height:0;min-width:0;z-index:2;right:3px;top:3px;padding-right:1.5rem;height:calc(100% - 6px);border-radius:0;background:none;color:currentColor;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.template-search-search-bar [type=submit] svg{width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground-alt))}.template-search-search-bar predictive-search[loading] [type=search],.template-search-search-bar predictive-search[open] [type=search]{border-bottom-start-radius:0;border-bottom-end-radius:0}.template-search-search-bar predictive-search[loading].border-pill [type=search],.template-search-search-bar predictive-search[open].border-pill [type=search]{border-top-start-radius:10px;border-top-end-radius:10px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/template-collection.css.map */