.dyefor-more-designs{display:block;min-width:0;width:100%;margin:0 0 .8rem;color:#173e35;letter-spacing:0}.dyefor-more-designs[hidden],.dyefor-more-designs [hidden]{display:none!important}.dyefor-more-designs__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.dyefor-more-designs__header h3{min-width:0;color:inherit;font:inherit;font-size:1.5rem;font-weight:600;letter-spacing:0;margin:0}.dyefor-more-designs__controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.dyefor-more-designs button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;letter-spacing:0}.dyefor-more-designs__expand{font-size:1.3rem!important;padding:.6rem;min-height:3.6rem;text-decoration:underline;text-underline-offset:.3rem}.dyefor-more-designs .dyefor-more-designs__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid #dddeda;border-radius:50%}.dyefor-more-designs__arrow .icon{position:static;width:1.2rem;height:1.2rem;transform:rotate(-90deg)}.dyefor-more-designs__arrow--previous .icon{transform:rotate(90deg)}.dyefor-more-designs button:disabled{opacity:.3;cursor:default}.dyefor-more-designs__list{display:grid;grid-auto-flow:column;grid-auto-columns:8.4rem;gap:.8rem;list-style:none;padding:.4rem .2rem .8rem;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ced8d3 transparent}.dyefor-more-designs__list li{min-width:0;scroll-snap-align:start}.dyefor-more-designs__item{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:11.2rem;width:100%;border:1px solid #e1e2df;border-radius:8px;background:#fff;padding:.6rem;overflow:hidden}.dyefor-more-designs__item[aria-current=page]{border:2px solid #173e35;padding:.5rem}.dyefor-more-designs__item:hover{border-color:#8c3658}.dyefor-more-designs__item img{display:block;width:100%;height:100%;object-fit:cover}.dyefor-more-designs :is(a,button):focus-visible{outline:2px solid #8c3658;outline-offset:2px}.dyefor-more-designs.is-expanded .dyefor-more-designs__list{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));grid-auto-columns:auto;overflow:visible}@media(max-width:749px){.dyefor-more-designs__list{grid-auto-columns:7.6rem}.dyefor-more-designs__item{height:10.2rem}}
/*# sourceMappingURL=/cdn/shop/t/587/assets/dyefor-more-designs.css.map */