.section--main-collection{padding-block-start:var(--mc-pt-mobile, var(--fluid-40-80));padding-block-end:var(--mc-pb-mobile, var(--fluid-40-80))}@media(min-width:1024px){.section--main-collection{padding-block-start:var(--mc-pt-desktop, var(--fluid-40-80));padding-block-end:var(--mc-pb-desktop, var(--fluid-40-80))}}.main-collection{padding-inline:var(--fluid-16-48)}.main-collection__inner{display:flex;flex-direction:column}.main-collection__form{margin-block-end:var(--fluid-24-40)}.main-collection__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12)}.main-collection__count{order:2}.main-collection__drawer{order:1;position:sticky;inset-block-end:var(--spacing-24);z-index:calc(var(--z-header) - 1);align-self:center;margin-block-start:var(--spacing-16)}.main-collection__drawer:has(.filter-drawer[open]){z-index:var(--z-drawer)}.filter-drawer__toggle{background-color:var(--color-white);box-shadow:0 4px 16px #00000026}.main-collection__count{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-light);color:var(--color-gray-500);white-space:nowrap}@media(min-width:768px){.main-collection__inner{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--spacing-16);row-gap:var(--fluid-24-40)}.main-collection__form{grid-area:1 / 2;margin-block-end:0}.main-collection__drawer{grid-area:1 / 1;position:static;z-index:auto;justify-self:start;margin-block-start:0}.main-collection__results{grid-column:1 / -1}.main-collection__meta{justify-content:flex-end;gap:var(--spacing-16)}.main-collection__count{order:0}.filter-drawer__toggle{background-color:transparent;box-shadow:none}}.facet{position:relative}.facet__pill{display:flex;align-items:center;justify-content:center;gap:var(--spacing-12);padding-block:var(--spacing-12);padding-inline:var(--fluid-28-28);border:var(--border-width) solid var(--color-gray-700);border-radius:var(--radius-pill);font-size:var(--fluid-16-16);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);color:var(--color-gray-700);white-space:nowrap;cursor:pointer;list-style:none;text-transform:capitalize}.facet__pill::-webkit-details-marker{display:none}.facet__pill:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.facet__pill .icon-caret{flex:none;inline-size:var(--fluid-18-20);block-size:var(--fluid-18-20);transition:transform .2s ease}.facet[open] .facet__pill .icon-caret{transform:rotate(180deg)}.facet__chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--fluid-20-20);padding-inline:var(--spacing-6);border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-size:var(--font-size-body-xs);line-height:var(--line-height-relaxed)}.facet__panel{position:absolute;inset-block-start:calc(100% + var(--spacing-12));inset-inline-start:0;z-index:10;display:flex;flex-direction:column;inline-size:min(var(--fluid-260-260),calc(100vw - var(--spacing-32)));overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:0 0 var(--spacing-12) color-mix(in srgb,var(--color-ink) 10%,transparent)}.facet__panel--end{inset-inline-start:auto;inset-inline-end:0}.facet__list{margin:0;padding:0;list-style:none;overflow-y:auto;max-block-size:min(var(--fluid-440-440),60vh);scrollbar-width:thin;scrollbar-color:var(--color-gray-400) transparent}.facet__option{display:flex;align-items:center;gap:var(--spacing-8);padding-block:var(--spacing-12);padding-inline:var(--spacing-16);font-size:var(--fluid-16-16);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);color:var(--color-gray-800);cursor:pointer;text-transform:capitalize}.facet__option:hover{background-color:var(--color-blue-50)}.facet__input{-webkit-appearance:none;appearance:none;flex:none;display:grid;place-content:center;inline-size:var(--fluid-20-20);block-size:var(--fluid-20-20);margin:0;border:var(--border-width) solid var(--color-gray-800);border-radius:var(--fluid-6-6);background-color:var(--color-white);cursor:pointer}.facet__input:checked{border-color:var(--color-brand-blue);background-color:var(--color-brand-blue)}.facet__input:checked:after{content:"";inline-size:var(--fluid-12-12);block-size:var(--fluid-10-10);background-color:var(--color-white);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.facet__input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.facet__input:checked+.facet__option-label{color:var(--color-brand-blue)}.facet__option-label{flex:1 1 auto}.facet__option--disabled{opacity:.5;cursor:not-allowed}.facet__option--disabled .facet__input{cursor:not-allowed}.facet--sort .facet__pill{border-color:var(--color-gray-800);color:var(--color-gray-800)}.facet--sort .facet__panel{inline-size:var(--fluid-181-198)}.facet__apply{display:block;margin-block:var(--spacing-8) var(--spacing-16);margin-inline:var(--spacing-16);padding-block:var(--spacing-8);padding-inline:var(--spacing-16);border:0;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-family:inherit;font-size:var(--font-size-button-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;cursor:pointer}oilogic-collection-filters:defined .facet__apply{display:none}.filter-drawer__toggle .icon-filter{flex:none;inline-size:var(--fluid-16-16);block-size:var(--fluid-12-12)}.filter-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background-color:#0000004d;opacity:0;transition:opacity .3s ease}.filter-drawer--open .filter-drawer__backdrop{opacity:1}oilogic-filter-drawer:not(:defined) .filter-drawer__backdrop{display:none}.filter-drawer__panel{position:fixed;inset-block:var(--spacing-16);inset-inline-end:var(--spacing-16);z-index:var(--z-drawer);display:flex;flex-direction:column;inline-size:min(var(--fluid-466-466),calc(100vw - var(--spacing-32)));border-radius:var(--radius-xl);background-color:var(--color-white);box-shadow:0 20px 60px #00000026;transform:translate(calc(100% + var(--spacing-16)));transition:transform .3s ease}.filter-drawer--open .filter-drawer__panel{transform:translate(0)}oilogic-filter-drawer:not(:defined) .filter-drawer[open] .filter-drawer__panel{transform:translate(0)}.filter-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding-block:var(--fluid-32-32);padding-inline:var(--fluid-24-40)}.filter-drawer__title{margin:0;font-family:var(--font-display-family);font-size:var(--font-size-display-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display-tight);color:var(--color-brand-blue);text-transform:uppercase}.filter-drawer__close{display:none;align-items:center;justify-content:center;flex:none;inline-size:var(--fluid-32-32);block-size:var(--fluid-32-32);padding:0;border:var(--border-width) solid var(--color-white);border-radius:var(--radius-pill);background-color:var(--color-brand-sky-blue);color:var(--color-white);cursor:pointer}oilogic-filter-drawer:defined .filter-drawer__close{display:inline-flex}.filter-drawer__close .icon-close{inline-size:var(--fluid-10-10);block-size:var(--fluid-12-12)}.filter-drawer__close:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.filter-drawer__scroll{flex:1 1 auto;overflow-y:auto;padding-inline:var(--fluid-24-40);padding-block-end:var(--spacing-24);scrollbar-width:thin;scrollbar-color:var(--color-gray-400) transparent}.filter-drawer__selected{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin:0 0 var(--spacing-24);padding:0;list-style:none}.filter-drawer__chip{display:inline-flex;align-items:center;gap:var(--spacing-8);padding-block:var(--spacing-8);padding-inline:var(--spacing-16);border:var(--border-width) solid var(--color-brand-blue);border-radius:var(--radius-pill);color:var(--color-brand-blue);font-size:var(--fluid-16-16);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);text-decoration:none}.filter-drawer__chip .icon-close{flex:none;inline-size:var(--fluid-8-8);block-size:var(--fluid-10-10)}.filter-drawer__chip:hover{background-color:var(--color-blue-50)}.filter-drawer__chip:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.filter-group{border-block-end:var(--border-width) solid var(--color-gray-300);padding-block-end:var(--spacing-20);margin-block-end:var(--spacing-20)}.filter-group:last-child{border-block-end:0;margin-block-end:0;padding-block-end:0}.filter-group__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);cursor:pointer;list-style:none}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__summary:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.filter-group__label{display:inline-flex;align-items:flex-start;gap:var(--spacing-6);font-size:var(--fluid-18-18);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-gray-800);text-transform:uppercase}.filter-group__icon{flex:none;inline-size:var(--fluid-20-22);color:var(--color-blue-900)}.filter-group__icon svg{display:block;inline-size:100%;block-size:auto}.filter-group__icon .icon-minus{display:none}.filter-group[open]>.filter-group__summary .icon-plus{display:none}.filter-group[open]>.filter-group__summary .icon-minus{display:block}.filter-group__list{margin:var(--spacing-12) 0 0;padding:0;list-style:none}.filter-group{interpolate-size:allow-keywords}.filter-group::details-content{block-size:0;overflow-y:clip;transition:block-size .3s ease,content-visibility .3s allow-discrete}.filter-group[open]::details-content{block-size:auto}.filter-group .facet__option{padding-inline:0}.filter-group .facet__option:hover{background-color:transparent}.filter-group .facet__option:hover .facet__option-label{color:var(--color-brand-blue)}.filter-drawer__footer{display:flex;gap:var(--fluid-8-12);padding:var(--fluid-20-24);border-block-start:var(--border-width) solid var(--color-gray-300);border-end-start-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl);background-color:var(--color-white);box-shadow:0 -5px 6px #0000000d}.filter-drawer__clear,.filter-drawer__show{padding-block:var(--spacing-16)}.filter-drawer__clear{padding-inline:var(--fluid-32-48)}.filter-drawer__show{flex:1 1 auto;min-inline-size:0;padding-inline:var(--spacing-16)}.filter-drawer__clear:focus-visible,.filter-drawer__show:focus-visible{outline-color:var(--color-brand-blue)}@media(max-width:370px){.filter-drawer__clear,.filter-drawer__show{font-size:var(--font-size-button-sm)}}.main-collection__results[aria-busy=true]{opacity:.5;pointer-events:none}.main-collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fluid-12-20);row-gap:var(--fluid-40-70);margin:0;padding:0;list-style:none}.main-collection__item{max-inline-size:var(--fluid-315-315)}@media(min-width:768px){.main-collection__grid{grid-template-columns:repeat(auto-fit,minmax(max(240px,22%),1fr))}.main-collection__grid:not(:has(>:nth-child(4))){grid-template-columns:repeat(auto-fit,minmax(max(240px,22%),315px))}}.main-collection__empty{padding-block:var(--fluid-40-80);text-align:center;font-size:var(--font-size-body-base);font-weight:var(--font-weight-light)}.main-collection__clear{color:var(--color-brand-blue);font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:3px}.main-collection__pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);margin-block-start:var(--fluid-24-40)}.main-collection__page{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--fluid-40-40);min-block-size:var(--fluid-40-40);border:var(--border-width) solid var(--color-gray-300);border-radius:var(--radius-pill);color:var(--color-gray-700);font-size:var(--font-size-body-sm);text-decoration:none}.main-collection__page:hover{border-color:var(--color-gray-700)}.main-collection__page--current{border-color:var(--color-brand-blue);background-color:var(--color-brand-blue);color:var(--color-white)}.main-collection__page .icon-caret{inline-size:var(--fluid-18-20);block-size:var(--fluid-18-20)}.main-collection__page .icon-caret--start{transform:rotate(90deg)}.main-collection__page .icon-caret--end{transform:rotate(-90deg)}.main-collection__ellipsis{color:var(--color-gray-500)}.main-collection__sentinel{display:flex;justify-content:center;margin-block-start:var(--fluid-24-40)}.main-collection__sentinel[aria-busy=true]{pointer-events:none}.main-collection__load-more{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-8);padding-inline:var(--spacing-24);border:0;border-radius:var(--radius-pill);background-color:var(--color-brand-blue);color:var(--color-white);font-size:var(--font-size-button-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;text-decoration:none}.main-collection__loading{color:var(--color-gray-500);font-size:var(--font-size-body-sm)}@media(prefers-reduced-motion:reduce){.facet__pill .icon-caret,.filter-drawer__backdrop,.filter-drawer__panel,.filter-group::details-content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-main-collection.css.map */