.main-collection{display:block;background-color:#f0f0eb;position:relative}.main-collection__grid{display:grid;grid-template-columns:repeat(var(--collection-columns, 4),1fr);padding:0}.main-collection__toggle{position:sticky;top:calc(var(--header-height) + 12px);left:50%;transform:translate(-50%);font-size:14px;line-height:120%;letter-spacing:.035em;text-align:center;color:#0a0a0a;transition:color .3s;z-index:1;display:block;height:32px;line-height:16px;padding:8px;margin:0 0 -32px;cursor:pointer}.main-collection__toggle.is-on-dark{color:#f0f0eb}.main-collection__filters{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:transparent;z-index:10;visibility:hidden;transition:visibility .3s,background-color .3s}.main-collection__filters.open{visibility:visible;background-color:#25252580}.main-collection__filters-inner{width:100%;max-width:500px;height:100dvh;background-color:#f0f0eb;padding:64px 32px 32px;transform:translate(-100%);transition:transform .3s;display:flex;flex-direction:column}.main-collection__filters.open .main-collection__filters-inner{transform:translate(0)}.main-collection__filters-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 24px}.main-collection__filters-title{font-size:14px;line-height:120%;letter-spacing:.035em}.main-collection__filters-close{display:flex}.main-collection__filters-close svg{width:24px;height:24px}.main-collection__filters-content{flex:1;padding:24px 0;overflow:auto}.main-collection__filters-options{display:flex;flex-direction:column;gap:18px}.main-collection__filters-option-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:120%;letter-spacing:.035em;cursor:pointer}.main-collection__filters-option-toggle *{pointer-events:none}.main-collection__filters-option-toggle svg{width:24px;height:24px;transition:transform .3s}.main-collection__filters-option.open .main-collection__filters-option-toggle svg{transform:rotate(180deg)}.main-collection__filters-values{max-height:0;overflow:hidden;transition:max-height .3s}.main-collection__filters-values-list{padding:14px 0 0;display:flex;flex-direction:column;gap:12px}.main-collection__filters-value{display:flex;align-items:center;gap:18px;cursor:pointer}.main-collection__filters-input{width:10px;height:10px;border:.5px solid #0A0A0A;background-color:transparent;border-radius:0;-webkit-appearance:none;appearance:none;box-shadow:none;position:relative;padding:0}.main-collection__filters-input:after{content:"";width:3px;height:3px;background-color:#0a0a0a;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.main-collection__filters-input:focus,.main-collection__filters-input:active{box-shadow:none}.main-collection__filters-input:checked:after{opacity:1}.main-collection__filters-value-label{display:flex;align-items:center;gap:18px}.main-collection__filters-value-label--swatch{display:none;width:12px;height:12px;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box}.main-collection__sort{margin:48px 0 0}.main-collection__sort-title{font-size:14px;line-height:120%;letter-spacing:.035em;margin:0 0 10px}.main-collection__sort-values-list{display:flex;flex-direction:column;gap:12px}.main-collection__sort-value{display:flex;align-items:center;gap:18px;cursor:pointer}.main-collection__sort-input{width:10px;height:10px;border:.5px solid #0A0A0A;background-color:transparent;border-radius:100px;-webkit-appearance:none;appearance:none;box-shadow:none;position:relative;padding:0}.main-collection__sort-input:after{content:"";width:3px;height:3px;background-color:#0a0a0a;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.main-collection__sort-input:focus,.main-collection__sort-input:active{box-shadow:none}.main-collection__sort-input:checked:after{opacity:1}.main-collection__filters-bottom{padding:24px 0 0;display:flex;flex-direction:column;gap:24px}.main-collection__filters-apply{width:100%;height:42px;letter-spacing:.26em;text-transform:uppercase}.main-collection__filters-clear{font-weight:400;font-size:10px;line-height:120%;letter-spacing:.26em;text-align:center;text-transform:uppercase;cursor:pointer}@media screen and (max-width:749px){.main-collection__grid{grid-template-columns:repeat(var(--collection-columns-mobile, 2),1fr)}.main-collection__filters-inner{padding:48px 24px 32px}}.main-collection__materials{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:48px;padding:12px 16px 16px;background-color:#f0f0eb}.main-collection__material{padding:0;border:0;background:none;color:#0a0a0a;font-family:var(--main-font);font-size:14px;line-height:120%;letter-spacing:.035em;text-underline-offset:3px;cursor:pointer}.main-collection__material:hover,.main-collection__material.active{text-decoration:underline}.main-collection__grid>li[hidden]{display:none}.main-collection__filters-material{margin-bottom:32px}@media screen and (max-width:749px){.main-collection__materials{gap:32px}}.main-collection__materials:has(>.main-collection__material:nth-child(3):last-child){display:grid;grid-template-columns:1fr auto 1fr;column-gap:48px}.main-collection__materials:has(>.main-collection__material:nth-child(3):last-child)>:nth-child(1){justify-self:end}.main-collection__materials:has(>.main-collection__material:nth-child(3):last-child)>:nth-child(3){justify-self:start}@media screen and (max-width:749px){.main-collection__materials:has(>.main-collection__material:nth-child(3):last-child){column-gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-collection.css.map */