.load-more-container{margin-top:4rem;text-align:center}@media screen and (min-width: 990px){.load-more-container{margin-top:5rem}}.load-more{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.load-more__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:20rem;min-height:4.5rem;padding:1.2rem 3rem;gap:.8rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.load-more__button[aria-busy=true]{pointer-events:none}.load-more__button:not([disabled]):hover{transform:translateY(-2px)}.load-more__button:not([disabled]):active{transform:translateY(0)}.load-more__button[disabled]{opacity:.6;cursor:not-allowed}.load-more__text{transition:opacity .2s ease}.load-more__text.hidden{opacity:0;position:absolute}.load-more__spinner{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.load-more__spinner.hidden{display:none}.load-more__spinner svg,.load-more__spinner .spinner{width:2.2rem;height:2.2rem}.load-more__spinner svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more__status{color:rgb(var(--color-foreground));opacity:.7;font-size:1.3rem;text-align:center}.load-more__count{display:inline-block}.load-more__button[style*="display: none"]+.load-more__status{margin-top:0}.load-more .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.load-more__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media (prefers-reduced-motion: reduce){.load-more__button{transition:none}.load-more__spinner svg{animation-duration:2s}.load-more__text{transition:none}}@media screen and (max-width: 749px){.load-more__button{min-width:100%;max-width:100%;padding:1.4rem 2rem}.load-more-container{padding-left:1.5rem;padding-right:1.5rem}.load-more__status{font-size:1.2rem}}@media screen and (min-width: 750px) and (max-width: 989px){.load-more__button{min-width:25rem}}.collection.loading .load-more__button{opacity:.5;pointer-events:none}.load-more-container{color:rgb(var(--color-foreground))}.load-more__spinner svg{fill:currentColor}.load-more__spinner .path{stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-load-more.css.map */