#collection-content{transition:opacity .25s}.collection__header{display:flex;flex-direction:column;gap:var(--padding-sm);text-align:center;padding-top:var(--padding-xs);padding-bottom:var(--padding-md);max-width:calc(var(--content-width) * .8);margin-inline:auto}.collection__title{font:var(--title-lg);color:var(--title-color)}.collection__description,.collection__description>p{font:var(--text-md);color:var(--color-text-tertiary, #575757)}@media screen and (min-width: 992px){.collection__header{padding-inline:var(--padding-xl);padding-block:var(--padding-md)}.collection__description,.collection__description>p{font:var(--text-lg)}}#collection-top{scroll-margin-top:calc(var(--header-height) + 8px)}.collection__tabs{width:fit-content;max-width:100%;margin-inline:auto}.collection__tabs .tabs{margin-inline:-16px;padding-inline:16px}.collection__tabs collection-tab{display:flex;gap:var(--padding-xs);align-items:center;min-width:min-content;margin:0!important}.collection__tabs collection-link[active]{pointer-events:none}.collection-tab--swatch:before{content:"";display:block;width:16px;height:16px;background-image:var(--swatch);background-repeat:no-repeat;background-size:100%;background-position:center}.collection__content{margin-inline:auto;display:grid;grid-template-areas:"show-filters sort" "active-filters active-filters" "product-view product-view" "items items" "pages pages";align-items:start;grid-template-columns:1fr 1fr;grid-template-rows:min-content 1fr min-content}#collection-content.loading{pointer-events:none}#collection-content.loading .collection__content>:not(.collection__filter-menu,.collection__sort),#collection-content.loading :is(.collection__filter-menu>*,collection-sort-item,.collection-sort__toggle){opacity:.5}.collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--d-24) var(--d-8);grid-area:items}@media screen and (min-width: 992px){.collection__content{grid-template-columns:auto 1fr;grid-template-areas:"filter-menu sort" "items items" "pages pages";row-gap:var(--padding-xs);column-gap:8px}#collection-content.loading{opacity:.5}#collection-content.loading>:not(.collection__filter-menu,.collection__sort),#collection-content.loading :is(collection-filters,.collection__filter-menu-buttons,collection-sort-item,.collection-sort__toggle){opacity:1}.collection__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--d-24) var(--d-8)}collection-sort{min-width:230px}}.collection__pages{display:flex;padding:var(--padding-lg) 0px;align-items:center;justify-content:center;gap:0px;grid-area:pages}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collection__sort{grid-area:sort}.collection__content--no-sort .collection__sort{display:none}collection-sort{display:flex;justify-content:flex-end;min-width:140px;width:100%;position:relative;z-index:10;white-space:nowrap}.collection-sort__toggle svg{transition:transform .15s}collection-sort[open] .collection-sort__items{box-shadow:0 4px 8px #0000001f}collection-sort[open] .collection-sort__toggle svg{transform:scaleY(-1)}.collection-sort__items{display:none;flex-direction:column;align-items:flex-start;padding:var(--padding-sm);gap:var(--d-4);background:var(--color-bg-primary);width:184px;right:-1px;position:absolute;top:calc(100% - 1px);white-space:nowrap;clip-path:inset(0 -8px -8px -8px)}.collection-sort__item{cursor:pointer;display:flex;align-items:center;gap:var(--d-8);padding:var(--padding-xs) var(--padding-none);font:var(--text-md);color:var(--color-text-tertiary)}.collection-sort__item.selected{pointer-events:none;color:var(--color-text-primary)}.collection-sort__item:before{content:"";height:16px;width:16px;min-height:16px;border:2px solid var(--color-bg-primary);box-shadow:0 0 0 1px var(--color-border-icon-primary);border-radius:9px;display:block}.collection-sort__item:hover:before{background:#f5f5f5}.collection-sort__item.selected:before{background:var(--color-bg-inverted-primary)}collection-sort[open] .collection-sort__items{display:flex}@media screen and (min-width: 992px){.collection__sort{justify-self:end;align-self:center}}.collection__filter-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);z-index:1001;display:none;flex-direction:column}collection-filter-toggle,.collection-sort__toggle{display:flex;gap:var(--d-8);border:none;align-items:center;padding-block:var(--padding-xs);color:var(--color-text-tertiary);font:var(--text-md);background-color:var(--color-bg-primary)}@media screen and (max-width: 768px){collection-filter-toggle,.collection-sort__toggle{font:var(--text-md)}}@media (hover: hover){.collection__hide-filters:hover{background:var(--button-bg-hover)}}.filter-by-button{display:flex;padding:var(--padding-none);align-items:center;gap:var(--d-8);cursor:pointer}.collection-filter-toggle .collection__filter-menu{display:flex}.collection__show-filters{grid-area:show-filters}.collection__content--no-filters :is(.collection__show-filters,.collection__filter-menu){display:none}@media screen and (max-width: 992px){.collection__show-filters,.collection__sort,.collection__active-filters{position:sticky;top:calc(var(--header-height));z-index:100;background:var(--color-bg-primary);margin-top:0}.collection__active-filters{top:calc(var(--header-height) + 38px)}}.collection__content collection-filter-header{pointer-events:all}collection-filter-header{display:flex;align-items:center;gap:var(--padding-xs);background:var(--color-bg-secondary);box-shadow:0 4px 8px #0000001f;justify-content:space-between;padding:var(--padding-xs);color:var(--color-text-primary);font:var(--text-lg);border-bottom:none}collection-filter-header collection-filter-toggle{padding:var(--padding-none);background-color:transparent;color:var(--color-text-primary)}.collection-filter-header__count{display:none}.collection__active-filters{grid-area:active-filters;display:flex;align-items:center;gap:4px;align-self:center;flex-wrap:wrap}.collection__active-filter a{border:none;font:var(--text-md);padding:4px 8px;display:flex;align-items:center;gap:5px;border-radius:50px;background-color:#f2f2f2;color:var(--color-text-secondary)}.collection__active-filter a:hover{background-color:#e1e1e1}.collection__active-filter a:active{background-color:#d1d1d1}.collection__active-filter a:after{content:"";width:9.886px;height:9.886px;display:block;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.504859 7.49511L3.99995 4.00002M7.49505 0.504922L3.99995 4.00002M3.99995 4.00002L0.504859 0.504922M3.99995 4.00002L7.49505 7.49511' stroke='%23212121' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.collection__clear-filters{margin-left:8px}collection-filters{display:flex;flex-direction:column;gap:8px;padding:16px 0;overflow-y:auto;transition:opacity .25s}collection-filter details{display:block}.collection-filter__items{display:grid;margin-bottom:8px;padding-left:40px;display:flex;flex-direction:column;align-self:stretch;align-items:flex-start}.collection-filter--colour .collection-filter__items{grid-template-columns:1fr 1fr}.collection-filter__expand{font-size:14px;font-weight:400;position:relative;width:100%;display:none;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.collection-filter__expand:before{content:"";display:block;width:9px;height:9px}.collection-filter__expand:after{content:"";display:block;width:9px;height:9px;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23222' d='M56 31.946h-24.054v24.054h-7.893v-24.054h-24.054v-7.893h24.054v-24.054h7.893v24.054h24.054v7.893z'/%3E%3C/svg%3E")}collection-filter[aria-expanded=true] .collection-filter__expand:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23222' d='M0 23.297h56v9.406h-56v-9.406z'/%3E%3C/svg%3E")}collection-filter summary{display:flex;align-items:center;gap:var(--d-4);padding:8px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-primary);font:var(--text-md)}@media (hover: hover){collection-filter summary:hover{background:var(--button-bg-hover)}}collection-filter summary:active{background:var(--button-bg-active)}collection-filter summary svg{transition:transform .15s;transform:scaleY(-1);margin-left:auto}collection-filter details[open] summary svg{transform:none}@media screen and (max-width: 992px){collection-filter:only-of-type summary{pointer-events:none}collection-filter:only-of-type summary svg{display:none}}summary::-webkit-details-marker{display:none}summary:before{content:"";display:none}collection-filter-item a{display:flex;align-items:center;gap:8px;padding-block:8px;cursor:pointer;color:var(--color-text-tertiary);font:var(--text-md)}collection-filter-item a:before{content:"";display:block;min-width:18px;height:18px;background-color:#fff;border:1px solid #222;border-radius:2px;overflow:hidden}@media (hover: hover){collection-filter-item a:hover:before{background-color:var(--button-bg-hover)}}collection-filter-item[active] a:before{background-color:#222;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23fff' d='M56 14.921c0 0.903-0.361 1.806-1.012 2.457l-31.071 31.071c-0.65 0.65-1.554 1.012-2.457 1.012s-1.806-0.361-2.457-1.012l-17.992-17.992c-0.65-0.65-1.012-1.554-1.012-2.457s0.361-1.806 1.012-2.457l4.914-4.914c0.65-0.65 1.554-1.012 2.457-1.012s1.806 0.361 2.457 1.012l10.622 10.658 23.701-23.737c0.65-0.65 1.554-1.012 2.457-1.012s1.806 0.361 2.457 1.012l4.914 4.914c0.65 0.65 1.012 1.554 1.012 2.457z'/%3E%3C/svg%3E");background-size:10px auto}.collection-filter--colour .collection-filter__items{display:grid;grid-template-columns:repeat(2,1fr)}.collection-filter--colour collection-filter-item a{padding:8px 0}.collection-filter--colour collection-filter-item a:before{min-width:24px;height:24px;background-image:var(--swatch);background-repeat:no-repeat;background-size:100%;background-position:center;border:none;border-radius:0}.collection-filter--colour collection-filter-item[active] a:before{background-color:transparent;outline:1px solid #222;outline-offset:1px}.collection__filter-menu-buttons{display:flex;flex-direction:column;box-shadow:0 -8px 24px #0000001f;padding:var(--padding-sm);gap:var(--d-8);transition:opacity .15s;margin-top:auto}@media screen and (min-width: 992px){.collection__filter-menu{grid-area:filter-menu;display:flex;transition:top .2s,max-height .2s;position:relative;top:0;max-height:unset;z-index:50}collection-filter-header{display:none!important}.collection__hide-filters{display:flex;width:100%;justify-content:center;padding:var(--padding-xs) var(--padding-md);align-items:center;gap:var(--d-8);justify-content:space-between;cursor:pointer}collection-filters{padding:0;flex-direction:row;margin-left:calc(-1 * var(--padding-sm));overflow:visible}.collection__filter-menu-buttons,.collection__show-filters{display:none}.collection-filter-toggle .collection__show-filters{display:block}.collection-filter-toggle .collection__filter-menu{display:none}.collection__active-filters{grid-area:sort}collection-filter{position:relative}collection-filter summary{padding-inline:var(--padding-sm);padding-block:var(--padding-xs);background:#fff;position:relative;z-index:1;clip-path:inset(-8px -8px 0px -8px);color:var(--color-text-tertiary)}collection-filter summary:is(:hover,:active){color:var(--color-text-primary);background:#fff}collection-filter details[open] summary{box-shadow:0 1px 2px #00000024;color:var(--color-text-primary)}.collection-filter__items,.collection-filter--colour .collection-filter__items{display:grid;position:absolute;top:calc(100% - 1px);left:0;padding:var(--padding-sm);background:var(--color-bg-primary, #FFF);box-shadow:0 1px 2px #00000024;grid-template-columns:repeat(calc(var(--filter-item-count) / 8),max-content);grid-auto-flow:row dense;column-gap:var(--padding-md)}.collection__grid{transition:filter .15s,opacity .15s}.collection__filter-menu:has(details[open])~.collection__grid{filter:blur(3px) grayscale(.5);opacity:.7}collection-filter-item{min-width:100px}collection-filter-item[type=colour][long]{grid-column:span 2}}collection-link,.collection__current-page,.collection__next-page,.collection__prev-page{display:flex;min-width:40px;font:var(--text-md);color:var(--color-text-tertiary);align-items:center;justify-content:center;padding:var(--padding-xs) var(--padding-none);gap:var(--padding-xs);border-radius:2px;cursor:pointer;height:100%}.collection__current-page{padding:var(--padding-xs) var(--padding-sm);border:1px solid var(--color-border-icon-tertiary)}.collection__next-page{margin-left:var(--d-16)}.collection__prev-page{margin-right:var(--d-16)}.collection__prev-page svg{transform:scaleX(-1)}.collection__inline-banner img{width:100%;height:100%;object-fit:cover}.collection__inline-banner[onclick]{cursor:pointer}.collection__sections{grid-area:items;display:flex;flex-direction:column;gap:var(--padding-lg);padding-block:var(--padding-sm)}.collection__section>h3{font:var(--title-sm);margin-bottom:var(--padding-xs);scroll-margin-top:calc(var(--header-height) + 16px)}.collection__section>p{font:var(--text-md);color:var(--color-text-tertiary)}.collection__section>a{display:block;text-align:center;margin-inline:auto;margin-top:var(--padding-sm);width:fit-content}.collection__fabrics{display:flex;gap:var(--padding-xs);justify-content:center;padding-block:var(--padding-xs);margin-top:-16px}.collection__fabric{display:block;flex:0 1 220px;position:relative;border-radius:0;overflow:hidden;padding:0;max-height:90px}.collection__fabric[active]{outline:1px solid var(--color-border-icon-primary);outline-offset:1px}.collection__fabric a:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.collection__fabric :is(picture,img){display:block}.collection__fabric-content{display:flex;flex-direction:column;justify-content:end;align-items:start;position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--padding-sm)}.collection__fabric-title{font:var(--text-md);color:var(--color-text-primary);margin:0;text-decoration:underline}.collection__fabric-description{font:var(--text-sm)}
/*# sourceMappingURL=/cdn/shop/t/631/assets/collection.css.map */