.ts-collection{display:block;padding:0 20px}.ts-collection__controls{display:grid;align-items:center;gap:24px;grid-template-columns:1fr auto 1fr;margin:0 0 36px}.ts-collection__filter-toggle{width:fit-content;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--main-blue);font-family:var(--main-font);font-size:13px;font-weight:500;line-height:1}.ts-collection__filter-toggle *{pointer-events:none}.ts-collection__filter-toggle-icon{width:6px;height:6px;position:relative}.ts-collection__filter-toggle-icon:after,.ts-collection__filter-toggle-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:currentColor}.ts-collection__filter-toggle-icon:after{width:100%;height:1px}.ts-collection__filter-toggle-icon:before{height:100%;width:1px}.ts-collection__menu{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:24px}.ts-collection__menu-link{font-family:var(--main-font);font-size:14px;font-weight:400;line-height:1;letter-spacing:.01em;color:var(--main-blue);text-transform:uppercase;opacity:.5;text-decoration:none}.ts-collection__menu-link--active{font-weight:500;opacity:1}.ts-collection__grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;list-style:none;gap:48px 20px}.ts-collection.loading .ts-collection__grid{opacity:.5}.ts-collection__more{width:fit-content;margin:80px auto 0;font-family:var(--main-font);font-size:16px;font-weight:500;line-height:1;text-align:center;cursor:pointer;text-transform:uppercase;color:var(--main-blue)}.ts-collection__more.hidden{display:none}.ts-collection__filter-toggle-mobile{display:none;width:100%;height:44px;align-items:center;justify-content:center;background-color:#fff;padding:14px;font-family:var(--main-font);font-size:13px;font-weight:500;line-height:1;cursor:pointer;text-transform:uppercase;color:var(--main-blue);position:fixed;z-index:2;left:0;bottom:0}.ts-filter{position:fixed;z-index:5;top:0;left:0;width:100%;height:100dvh;background-color:transparent;transition:background-color .3s,backdrop-filter .3s;pointer-events:none}.ts-filter.open{background-color:#f7f3ed4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all}.ts-filter__inner{width:100%;max-width:460px;margin-right:auto;background-color:var(--secondary-background);height:100%;max-height:100dvh;display:flex;flex-direction:column;transition:transform .3s;transform:translate(-100%)}.ts-filter.open .ts-filter__inner{transform:translate(0)}.ts-filter__header{padding:20px;display:flex;align-items:center;justify-content:space-between}.ts-filter__title{font-family:var(--heading-font);font-weight:400;font-size:30px;line-height:1;letter-spacing:0;margin:0;color:var(--main-blue)}.ts-filter__close{display:flex;cursor:pointer;color:var(--main-blue);margin:0}.ts-filter__close svg{pointer-events:none}.ts-filter__content{flex:1;padding:0 20px;overflow:auto}.ts-filters__tab{border-bottom:.8px solid #7F899933}.ts-filters__tab:nth-last-child(2){border-bottom:none}.ts-filters__tab--sort{display:none}.ts-filters__toggle{padding:16px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ts-filters__toggle *{pointer-events:none}.ts-filters__toggle svg{transition:transform .3s}.ts-filters__toggle.open svg{transform:rotate(180deg)}.ts-filters__label{font-family:var(--heading-font);font-weight:400;font-size:20px;line-height:1.2;letter-spacing:0;color:var(--main-blue);margin:0}.ts-filters__values{max-height:0;overflow:hidden;transition:max-height .3s}.ts-filters__values--swatch .ts-filters__value-checkbox{display:none}.ts-filters__values-list{display:flex;flex-direction:column;gap:16px;padding:0 0 16px;margin:0;list-style:none}.ts-filters__value{cursor:pointer;display:flex;align-items:center;gap:8px}.ts-filters__value-checkbox[type=checkbox]{margin:0;width:16px;height:16px;background-color:transparent;border:1px solid var(--main-blue);border-radius:1px;-webkit-appearance:none;appearance:none;position:relative}.ts-filters__value-checkbox[type=checkbox]:after{content:url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.66917L5 8.5L11 1' stroke='%232A4053'/%3E%3C/svg%3E%0A");color:var(--main-blue);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding-top:2px}.ts-filters__value-checkbox:checked:after{opacity:1}.ts-filters__value-radio{margin:0;-webkit-appearance:none;appearance:none;width:16px;height:16px;background:transparent;border:1px solid var(--main-blue);border-radius:16px;position:relative;opacity:.7}.ts-filters__value-radio:checked{opacity:1}.ts-filters__value-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;display:flex;border-radius:8px;background-color:var(--main-blue)}.ts-filters__value-checkbox:checked~.ts-filters__value-label,.ts-filters__value-radio:checked~.ts-filters__value-label{opacity:1}.ts-filters__value-swatch{width:20px;height:20px;display:flex;border-radius:20px;border:1px solid transparent;position:relative}.ts-filters__value-swatch:after{content:"";width:18px;height:18px;position:absolute;top:0;left:0;z-index:1;background-color:transparent;border-radius:20px;border:2.5px solid transparent}.ts-filters__value-checkbox:checked~.ts-filters__value-swatch{border-color:var(--main-blue)}.ts-filters__value-checkbox:checked~.ts-filters__value-swatch:after{border-color:#fff}.ts-filters__value-label{font-family:var(--main-font);font-weight:400;font-size:14px;line-height:1.1;letter-spacing:0;color:var(--main-blue);opacity:.8}.ts-filter__bottom{box-shadow:0 0 11.33px 3px #53667608;padding:20px 24px}.ts-filter__results{border-bottom:.8px solid #7F899933;padding-bottom:8px;margin:0 0 12px;font-family:var(--main-font);font-weight:400;font-size:12px;line-height:1.2;letter-spacing:0;text-align:center;color:var(--main-blue)}.ts-filter__controls{display:flex;gap:12px;flex-direction:row-reverse}.ts-filter__apply{width:calc(50% - 6px);height:38px;border:1px solid var(--main-blue);position:relative;font-family:var(--main-font);font-weight:400;font-size:13px;line-height:1;letter-spacing:2%;text-align:center;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;border-radius:2px;background-color:var(--main-blue);cursor:pointer}.ts-filter__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--main-blue);color:#fff;opacity:0;pointer-events:none;transition:opacity .3s}.ts-collection.loading .ts-filter__loading{opacity:1}.ts-filter__loading svg{-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.ts-filter__clear{width:calc(50% - 6px);height:38px;border:1px solid var(--main-blue);font-family:var(--main-font);font-weight:400;font-size:13px;line-height:1;letter-spacing:2%;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--main-blue);text-transform:uppercase;border-radius:2px;background-color:transparent;cursor:pointer}.ts-filter__clear.disabled{opacity:.5;cursor:no-drop}.ts-sort{width:fit-content;position:relative;margin-left:auto}.ts-sort__toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-family:var(--main-font);font-weight:500;font-size:13px;line-height:1;letter-spacing:0;color:var(--main-blue);margin:0;text-transform:uppercase}.ts-sort__toggle *{pointer-events:none}.ts-sort__toggle svg{transition:transform .3s}.ts-sort.open .ts-sort__toggle svg{transform:rotate(180deg)}.ts-sort__options{position:absolute;top:100%;right:0;z-index:1;width:fit-content;height:fit-content;background-color:var(--secondary-background);padding:8px 0;opacity:0;pointer-events:none;transition:top .3s,opacity .3s}.ts-sort.open .ts-sort__options{top:calc(100% + 8px);opacity:1;pointer-events:all}.ts-sort__option{width:100%;display:block;padding:8px 16px;white-space:nowrap;font-family:var(--main-font);font-weight:400;font-size:13px;line-height:1.1;letter-spacing:0;color:var(--main-blue);cursor:pointer;transition:background-color .3s;text-transform:uppercase}.ts-sort__option.selected,.ts-sort__option:hover{background-color:#f2ede6}@media screen and (max-width: 749px){.ts-collection{padding:0 24px}.ts-collection__controls{grid-template-columns:1fr;margin:0 0 24px}.ts-collection__filter-toggle{display:none}.ts-collection__menu{justify-content:center}.ts-collection__menu-link{font-size:13px}.ts-collection__grid{grid-template-columns:repeat(2,1fr);gap:40px 16px}.ts-collection__more{margin:64px auto 0;font-size:16px}.ts-collection__filter-toggle-mobile{display:flex}.ts-filters__tab:nth-last-child(2){border-bottom:.8px solid #7F899933}.ts-filters__tab:last-child{border-bottom:none}.ts-filters__tab--sort{display:block}.ts-filters__value-checkbox[type=checkbox]{width:20px;height:20px}.ts-filters__value-checkbox[type=checkbox]:after{content:url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.66917L5 8.5L11 1' stroke='%232A4053'/%3E%3C/svg%3E%0A");width:20px;height:20px}.ts-filters__value-radio{width:20px;height:20px;border-radius:20px}.ts-filters__value-radio:checked:after{width:10px;height:10px;border-radius:10px}.ts-sort{display:none}}@media screen and (max-width: 549px){.ts-collection{padding:0 16px}.ts-collection__controls{margin:0 0 16px}.ts-collection__grid{gap:40px 13px}.ts-collection__more{font-size:14px}.ts-filter__header{padding:20px 16px}.ts-filter__title{font-size:25px}.ts-filter__content{padding:0 16px}.ts-filters__value-checkbox[type=checkbox]{width:16px;height:16px}.ts-filters__value-checkbox[type=checkbox]:after{content:url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.66917L5 8.5L11 1' stroke='%232A4053'/%3E%3C/svg%3E%0A");width:16px;height:16px}.ts-filters__value-radio{width:16px;height:16px;border-radius:16px}.ts-filters__value-radio:checked:after{width:8px;height:8px;border-radius:8px}.ts-filters__value-label{font-size:13px}.ts-filter__bottom{padding:16px}.ts-filter__controls{gap:8px;flex-direction:column}.ts-filter__apply,.ts-filter__clear{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ts-main-collection.css.map */