.layout-switcher{display:none}@media screen and (min-width:768px){.layout-switcher--desktop-only{display:flex;align-items:center;gap:8px}.layout-switcher--desktop-only.layout-switcher--left{justify-content:flex-start}.layout-switcher--desktop-only.layout-switcher--center{justify-content:center}.layout-switcher--desktop-only.layout-switcher--right{justify-content:flex-end}.layout-switcher--desktop-only .layout-switcher__buttons{display:flex;gap:4px}.layout-switcher--desktop-only .layout-switcher__button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;cursor:pointer;transition:opacity .2s ease}.layout-switcher--desktop-only .layout-switcher__button:hover{opacity:.7}.layout-switcher--desktop-only .layout-switcher__button--active{opacity:1}.layout-switcher--desktop-only .layout-switcher__button--active svg{stroke:#000}.layout-switcher--desktop-only .layout-switcher__button:not(.layout-switcher__button--active) svg,.layout-switcher--desktop-only .layout-switcher__button:not(.layout-switcher__button--active) svg path{stroke:#adadad;color:#adadad}.layout-switcher--desktop-only .layout-switcher__icon{width:25px;height:26px}.grid[data-products-grid]{transition:opacity .2s ease}@keyframes layoutFadeIn{0%{opacity:0;transform:scale(.95) translate(-30px)}to{opacity:1;transform:scale(1) translate(0)}}.grid.layout-3-columns .grid-item,.grid.layout-5-columns .grid-item,[data-products-grid].layout-3-columns>*,[data-products-grid].layout-5-columns>*,[data-products-grid].layout-3-columns .card,[data-products-grid].layout-5-columns .card{animation:layoutFadeIn .5s cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both}.grid.layout-3-columns .grid-item:nth-child(3n+1),[data-products-grid].layout-3-columns>*:nth-child(3n+1){animation-delay:.1s}.grid.layout-3-columns .grid-item:nth-child(3n+2),[data-products-grid].layout-3-columns>*:nth-child(3n+2){animation-delay:50ms}.grid.layout-3-columns .grid-item:nth-child(3n+3),[data-products-grid].layout-3-columns>*:nth-child(3n+3){animation-delay:0ms}.grid.layout-3-columns .grid-item:nth-child(n+4):nth-child(3n+1),[data-products-grid].layout-3-columns>*:nth-child(n+4):nth-child(3n+1){animation-delay:.25s}.grid.layout-3-columns .grid-item:nth-child(n+4):nth-child(3n+2),[data-products-grid].layout-3-columns>*:nth-child(n+4):nth-child(3n+2){animation-delay:.2s}.grid.layout-3-columns .grid-item:nth-child(n+4):nth-child(3n+3),[data-products-grid].layout-3-columns>*:nth-child(n+4):nth-child(3n+3){animation-delay:.15s}.grid.layout-3-columns .grid-item:nth-child(n+7):nth-child(3n+1),[data-products-grid].layout-3-columns>*:nth-child(n+7):nth-child(3n+1){animation-delay:.4s}.grid.layout-3-columns .grid-item:nth-child(n+7):nth-child(3n+2),[data-products-grid].layout-3-columns>*:nth-child(n+7):nth-child(3n+2){animation-delay:.35s}.grid.layout-3-columns .grid-item:nth-child(n+7):nth-child(3n+3),[data-products-grid].layout-3-columns>*:nth-child(n+7):nth-child(3n+3){animation-delay:.3s}.grid.layout-5-columns .grid-item:nth-child(5n+1),[data-products-grid].layout-5-columns>*:nth-child(5n+1){animation-delay:.2s}.grid.layout-5-columns .grid-item:nth-child(5n+2),[data-products-grid].layout-5-columns>*:nth-child(5n+2){animation-delay:.15s}.grid.layout-5-columns .grid-item:nth-child(5n+3),[data-products-grid].layout-5-columns>*:nth-child(5n+3){animation-delay:.1s}.grid.layout-5-columns .grid-item:nth-child(5n+4),[data-products-grid].layout-5-columns>*:nth-child(5n+4){animation-delay:50ms}.grid.layout-5-columns .grid-item:nth-child(5n+5),[data-products-grid].layout-5-columns>*:nth-child(5n+5){animation-delay:0ms}.grid.layout-5-columns .grid-item:nth-child(n+6):nth-child(5n+1),[data-products-grid].layout-5-columns>*:nth-child(n+6):nth-child(5n+1){animation-delay:.45s}.grid.layout-5-columns .grid-item:nth-child(n+6):nth-child(5n+2),[data-products-grid].layout-5-columns>*:nth-child(n+6):nth-child(5n+2){animation-delay:.4s}.grid.layout-5-columns .grid-item:nth-child(n+6):nth-child(5n+3),[data-products-grid].layout-5-columns>*:nth-child(n+6):nth-child(5n+3){animation-delay:.35s}.grid.layout-5-columns .grid-item:nth-child(n+6):nth-child(5n+4),[data-products-grid].layout-5-columns>*:nth-child(n+6):nth-child(5n+4){animation-delay:.3s}.grid.layout-5-columns .grid-item:nth-child(n+6):nth-child(5n+5),[data-products-grid].layout-5-columns>*:nth-child(n+6):nth-child(5n+5){animation-delay:.25s}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/layout-switcher.css.map */