html{font-size:62.5%;min-height:100%;scroll-behavior:smooth;scrollbar-gutter:stable}:root{--spacing-1x: 8px;--spacing-2x: 16px;--spacing-3x: 24px;--spacing-4x: 32px;--spacing-5x: 40px;--spacing-6x: 48px;--spacing-7x: 56px;--spacing-8x: 64px;--spacing-9x: 72px;--spacing-10x: 80px}:root{--header-spacing-announcement-desktop: 32px;--header-spacing-announcement-mobile: 30px;--header-spacing-desktop: 72px;--header-spacing-mobile: 72px}.collection--top-spacing{margin-top:160px}@media (min-width: 768px){.collection--top-spacing{margin-top:102px;margin-top:calc(var(--header-spacing-mobile) + var(--header-spacing-announcement-mobile))}}@media (min-width: 768px)and (min-width: 768px){.collection--top-spacing{margin-top:104px;margin-top:calc(var(--header-spacing-desktop) + var(--header-spacing-announcement-desktop))}}.collection .collection__intro{background-color:#fff;position:-webkit-sticky;position:sticky;top:-28px;z-index:101}@media (min-width: 768px){.collection .collection__intro{position:relative;top:unset;z-index:unset}}.collection__intro{display:flex;justify-content:space-between;padding:24px 16px;padding:var(--spacing-3x) var(--spacing-2x);grid-gap:24px;gap:24px;grid-gap:var(--spacing-3x);gap:var(--spacing-3x);flex-flow:column}@media (min-width: 768px){.collection__intro{padding:32px 40px;padding:var(--spacing-4x) var(--spacing-5x);flex-flow:row;grid-gap:unset;gap:unset}}.collection__intro .text-holder{max-width:522px}.collection__intro .text-holder__title{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:600;font-style:normal;line-height:2.8rem;margin-bottom:8px;margin-bottom:var(--spacing-1x)}@media (min-width: 1024px){.collection__intro .text-holder__title{font-size:2.4rem;line-height:3.6rem}}.collection__intro .text-holder__description{font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:400;font-style:normal;line-height:2.6rem}.collection__intro .text-holder__count{font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:400;font-style:normal;line-height:2rem;color:var(--color-grey-text)}.collection__intro sort-options{display:flex}@media (min-width: 768px){.collection__intro sort-options{display:flex;justify-content:flex-end}}.collection__intro sort-options .collection-utils{display:flex;grid-gap:8px;gap:8px;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);margin:auto 0 0;width:100%}.collection__intro sort-options .collection-utils .button{display:flex;grid-gap:8px;gap:8px;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);align-items:center;justify-content:center;border-radius:0!important}.collection__intro sort-options .collection-utils .button svg{pointer-events:none}.collection__intro sort-options .collection-utils .button svg rect{transition:fill .35s ease}.collection__intro sort-options .collection-utils .button svg circle{transition:fill .35s ease,stroke .35s ease}.collection__intro sort-options .collection-utils .button:hover svg rect{fill:var(--color-white)}.collection__intro sort-options .collection-utils .button:hover svg circle{fill:var(--color-almost-black);stroke:var(--color-white)}.collection__intro sort-options .collection-utils select{background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%279%27 viewBox=%270 0 16 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.25 1L8 7.23077L14.75 1%27 stroke=%27black%27 stroke-width=%271.5%27/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:90%;background-size:10%;cursor:pointer}.collection__intro sort-options .collection-utils .active-filter-items--desktop{display:none;align-items:center;margin-right:16px;margin-right:var(--spacing-2x)}@media (min-width: 768px){.collection__intro sort-options .collection-utils .active-filter-items--desktop{display:flex}}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters{display:flex;grid-gap:8px;gap:8px;grid-gap:var(--spacing-1x);gap:var(--spacing-1x);align-items:center}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters__buttons{display:flex;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--spacing-1x);gap:var(--spacing-1x)}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters__buttons .button{padding:8px;padding:var(--spacing-1x);border:1px solid var(--color-grey-text)}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters__buttons .button__color{width:15px;height:15px;border-radius:7px}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters .button{white-space:nowrap}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters .button.js-results{display:none}.collection__intro sort-options .collection-utils .active-filter-items--desktop .active-filters .delete-holder button{font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:400;font-style:normal;line-height:2rem;white-space:nowrap}.collection__grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(2,1fr);grid-column-gap:16px;grid-column-gap:var(--spacing-2x);grid-row-gap:32px;grid-row-gap:var(--spacing-4x);padding:0 16px 24px;padding:0 var(--spacing-2x) var(--spacing-3x)}@media (min-width: 768px){.collection__grid{grid-template-columns:repeat(3,1fr);grid-row-gap:32px;grid-row-gap:var(--spacing-4x);padding:0 40px 32px;padding:0 var(--spacing-5x) var(--spacing-4x)}}@media (min-width: 1024px){.collection__grid{grid-template-columns:repeat(4,1fr)}}.collection__description{padding:16px;padding:var(--spacing-2x)}@media (min-width: 768px){.collection__description{max-width:1040px;margin:0 auto}}.collection .loading{position:fixed;background-color:#ffffffbf;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:background-color .5s ease;display:flex;justify-content:center}.collection .loading--hidden{background-color:#fff0;transition:background-color .5s ease;background-image:none!important}.collection .loading--hidden .loading__spinner{display:none}.collection .loading__spinner{width:48px;height:48px;border:5px solid var(--color-background-gray);border-bottom-color:var(--color-chestnut-red);border-radius:50%;display:inline-block;box-sizing:border-box;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;margin:auto}.collection-usp-banner{position:relative;margin-top:160px}@media (min-width: 768px){.collection-usp-banner{margin-top:102px;margin-top:calc(var(--header-spacing-mobile) + var(--header-spacing-announcement-mobile))}}@media (min-width: 768px)and (min-width: 768px){.collection-usp-banner{margin-top:104px;margin-top:calc(var(--header-spacing-desktop) + var(--header-spacing-announcement-desktop))}}.collection-usp-banner__inner .image-holder{width:100vw;height:272px}.collection-usp-banner__inner .image-holder__image{width:100vw;height:100%;-o-object-fit:cover;object-fit:cover}.collection-usp-banner__inner .content{position:absolute;top:0;right:0;left:0;bottom:0;padding:16px;padding:var(--spacing-2x)}@media (min-width: 1024px){.collection-usp-banner__inner .content{padding:40px;padding:var(--spacing-5x)}}.collection-usp-banner__inner .content .title-holder h1{font-family:Optima LT Std,sans-serif;font-size:2.8rem;font-weight:400;font-style:normal;line-height:3.2rem;color:var(--color-white)}@media (min-width: 1024px){.collection-usp-banner__inner .content .title-holder h1{font-size:4.4rem;line-height:5.2rem}}.collection-usp-banner__inner .usp-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;grid-gap:var(--spacing-2x);gap:var(--spacing-2x);margin-top:24px;margin-top:var(--spacing-3x)}@media (min-width: 1024px){.collection-usp-banner__inner .usp-grid{grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content}}.collection-usp-banner__inner .usp-grid__item{display:flex;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--spacing-1x);gap:var(--spacing-1x)}.collection-usp-banner__inner .usp-grid__item:hover{text-decoration:none}.collection-usp-banner__inner .usp-grid__item .image-holder{width:50px;height:50px}.collection-usp-banner__inner .usp-grid__item .image-holder__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.collection-usp-banner__inner .usp-grid__item .text-holder p{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:400;font-style:normal;line-height:2.8rem;color:var(--color-white);white-space:nowrap}@-webkit-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/section-main-collection.css.map */