.section-spacing--collection-banner{padding-block-start:1.5rem;padding-block-end:1.5rem}.collection-banner__header{display:flex;align-items:flex-start;gap:1.25rem;flex-wrap:wrap;width:100%}.collection-banner__header>.prose{flex:1 1 calc(50% - .5rem);min-width:0;display:flex;flex-direction:column;gap:1rem}.collection-banner__header>.prose p{margin:0}.collection-banner__header scroll-to-seo-button>button{--prose-button-spacing: 4px}.collection-banner__subcollections-wrapper{display:flex;align-items:center;gap:.5rem;flex:auto;max-width:calc(50% - .5rem);min-width:0;position:relative;overflow:visible}@media screen and (min-width:700px){.collection-banner__subcollections-wrapper{padding:0}}@media screen and (max-width:999px){.collection-banner__subcollections-wrapper{max-width:100%}}.collection-quick-navigation--subcollections{display:flex;flex-wrap:nowrap;gap:1rem;align-items:center;flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0;position:relative;z-index:1}.collection-quick-navigation--subcollections::-webkit-scrollbar{display:none}.collection-quick-navigation--subcollections ul{display:flex;gap:1.3rem;padding:0;margin:0;list-style:none;width:max-content}@media screen and (min-width:700px){.collection-quick-navigation--subcollections ul{padding-left:.5rem;padding-right:.5rem}}.collection-quick-navigation--subcollections li{flex:0 0 5rem;width:5rem;overflow:hidden;scroll-snap-align:start}.collection-banner__carousel-button{flex-shrink:0;position:absolute;z-index:2;top:50%;transform:translateY(-50%);pointer-events:auto}.collection-banner__carousel-button--prev{order:-1;left:-1.25rem}.collection-banner__carousel-button--next{right:-1.25rem}@media screen and (min-width:700px){.collection-banner__carousel-button--prev{left:-1.5rem}.collection-banner__carousel-button--next{right:-1.5rem}}.collection-banner__carousel-button .circle-button{background:#f60;color:#000!important}.collection-banner__carousel-button .circle-button:before{background:#f60}.collection-banner__carousel-button .circle-button svg{color:#000!important}.collection-banner__carousel-button .circle-button path{stroke:#000!important}.collection-banner__carousel-button .circle-button[disabled]{opacity:.5;cursor:not-allowed}@media screen and (pointer:fine){.collection-banner__carousel-button .circle-button:not([disabled]):hover{background:#e55a00;color:#000!important}.collection-banner__carousel-button .circle-button:not([disabled]):hover:before{background:#e55a00}.collection-banner__carousel-button .circle-button:not([disabled]):hover svg{color:#000!important}.collection-banner__carousel-button .circle-button:not([disabled]):hover path{stroke:#000!important}}@media screen and (min-width:700px){.collection-quick-navigation--subcollections{max-width:35rem;margin-left:auto;margin-right:auto}}.collection-banner__carousel-button[hidden]{display:none}.collection-quick-navigation--subcollections .collection-quick-navigation__item>.rounded-full{width:5rem;height:5rem;border-radius:50%;border:.0625rem solid transparent;aspect-ratio:1;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease;position:relative;overflow:hidden;text-decoration:none;box-sizing:border-box}.collection-quick-navigation--subcollections .collection-quick-navigation__item .subheading{font-size:.625rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.collection-quick-navigation--subcollections .collection-quick-navigation__item:hover>.rounded-full{border-color:#000}.collection-quick-navigation--subcollections .collection-quick-navigation__item .rounded-full{width:100%;height:100%;border-radius:50%;overflow:hidden}.collection-quick-navigation--subcollections .collection-quick-navigation__item img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:699px){.collection-banner__header>.prose{flex:1 1 100%;text-align:center}.collection-banner__header>.prose>scroll-to-seo-button{margin-inline:auto}.collection-banner__subcollections-wrapper{width:100%;flex:1 1 100%;gap:0;padding:0}.collection-quick-navigation--subcollections{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.collection-quick-navigation--subcollections ul{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/412/assets/collection-banner-subcollections.css.map */