.template-blog .collection-banner{margin-bottom:35px}.collection-banner--inner{display:flex;flex-direction:column;position:relative}.collection-banner--image{width:100%}@media only screen and (min-width:768px){.collection-banner--image{max-width:600px;margin-left:auto;margin-top:0}}.collection-banner--content{display:grid;padding:20px 0;position:relative;z-index:5;gap:20px;font-size:.875rem;justify-content:space-between}@media only screen and (min-width:768px){.collection-banner--content{gap:40px}}.collection-banner--content-inner>*:last-child{margin-bottom:0}@media only screen and (min-width:768px){.collection-banner--content{grid-template-columns:1fr;font-size:1rem}}@media only screen and (min-width:768px){.collection-banner--content.collection-banner--content-has-image{grid-template-columns:1fr 1fr}}@media only screen and (min-width:768px){.collection-banner--content.collection-banner--content-has-image.collection-banner--content-width-standard{grid-template-columns:1fr 400px}}@media only screen and (min-width:768px){.collection-banner--content.collection-banner--content-has-image.collection-banner--content-width-small{grid-template-columns:1fr 200px}}.collection-banner--content .searchform{margin-top:20px}.collection-banner--content p{font-size:inherit;color:inherit;margin-bottom:5px}.collection-banner--description>*:last-child{margin-bottom:0}.collection-banner .max-height{margin-top:0;padding:0;background:none;font-size:1rem}.collection-banner .max-height--active{padding-bottom:35px}.collection-banner .max-height--toggle{left:0;right:0;padding-bottom:0}.collection-banner--title{margin-bottom:10px}.collection-banner--title span{margin-right:15px}.collection-banner--count{font-size:.875rem;opacity:.6}.collection-banner scroll-shadow{max-width:100%}.collection-banner__subcollections-slider{--collection-banner-subcollections-button-size: 34px;--collection-banner-subcollections-gap: 8px;position:relative;display:grid;min-width:0;margin-bottom:20px}@media only screen and (min-width:768px){.collection-banner__subcollections-slider{--collection-banner-subcollections-gap: 12px}}@media only screen and (min-width:768px){.collection-banner__subcollections-slider{padding-right:40px}}.collection-banner__subcollections-slider scroll-shadow,.collection-banner__subcollections-shadow{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}.collection-banner__subcollections-button{display:none;align-items:center;justify-content:center;position:absolute;top:19px;z-index:2;width:var(--collection-banner-subcollections-button-size);height:var(--collection-banner-subcollections-button-size);padding:0;border:1px solid rgba(var(--color-body-rgb),.14);border-radius:0;background:var(--bg-body, #fff);color:var(--color-body);box-shadow:0 4px 14px rgba(var(--color-body-rgb),.08);transform:none;transition:opacity .2s ease,transform .2s ease,border-color .2s ease}.collection-banner__subcollections-button[disabled]{opacity:0;pointer-events:none}.collection-banner__subcollections-button:hover{border-color:rgba(var(--color-body-rgb),.25);transform:scale(1.02)}.collection-banner__subcollections-button .collection-banner__subcollections-button-icon{display:inline-flex}.collection-banner__subcollections-button .collection-banner__subcollections-button-icon>*{display:flex}@media only screen and (min-width:768px){.collection-banner__subcollections-button{display:inline-flex}}.collection-banner__subcollections-button--prev{top:8px;left:0}.collection-banner__subcollections-button--next{top:8px;right:0;border-radius:4px}.collection-banner--subcollections{scrollbar-width:none;display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;align-items:stretch;gap:var(--collection-banner-subcollections-gap);padding:4px 1px 14px;margin-bottom:0;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth}@media only screen and (max-width:768px){.collection-banner--subcollections{padding-right:10px!important}}.collection-banner--subcollections::-webkit-scrollbar{display:none}.collection-banner--subcollections .text-button{flex-shrink:0;color:var(--color-body)}.collection-banner__subcollection-link{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:32px;padding:5px 9px;border:1px solid rgba(var(--color-body-rgb),.12);border-radius:2px;background:rgba(var(--color-body-rgb),.03);color:var(--color-body);font-size:.58rem;line-height:1.2;font-weight:var(--font-body-medium-weight, 500);letter-spacing:.04em;white-space:nowrap;text-decoration:none;scroll-snap-align:start;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}@media only screen and (min-width:768px){.collection-banner__subcollection-link{padding:7px 12px;font-size:.63rem}}.collection-banner__subcollection-link:hover,.collection-banner__subcollection-link:focus-visible{color:var(--color-body);border-color:rgba(var(--color-body-rgb),.24);background:rgba(var(--color-body-rgb),.07);transform:translateY(-1px)}.collection-banner__subcollections-progress{display:none;position:relative;overflow:hidden;width:100%;height:4px;border-radius:999px;background:rgba(var(--color-body-rgb),.08)}.collection-banner__subcollections-slider.is-scrollable .collection-banner__subcollections-progress{display:block}.collection-banner__subcollections-progress-thumb{--progress-width: 100%;--progress-left: 0%;position:absolute;top:0;bottom:0;left:var(--progress-left);width:var(--progress-width);border-radius:inherit;background:rgba(var(--color-body-rgb),.5);transition:width .2s ease,left .2s ease}.collection-banner hr{margin:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-banner.css.map */