.cb{padding-block:var(--cb-pt, 32px) var(--cb-pb, 16px);background-color:var(--color-background);color:var(--color-foreground)}.cb__content{display:grid;gap:.75rem;max-width:760px}.cb--align-center .cb__content{justify-items:center;margin-inline:auto;text-align:center}.cb__crumbs{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--color-text-muted)}.cb__crumbs a{color:inherit;text-decoration:none}.cb__crumbs a:hover{text-decoration:underline}.cb__title{margin:0}.cb__text{color:var(--color-text-muted)}.cb__text>:first-child{margin-top:0}.cb__text>:last-child{margin-bottom:0}.cb__count{margin:0;font-size:.875em;color:var(--color-text-muted)}.cb__subs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}.cb--align-center .cb__subs{justify-content:center}.cb__sub{display:inline-flex;align-items:center;min-height:36px;padding:0 1rem;border:var(--border-width, 1px) solid var(--color-border);border-radius:2em;color:inherit;font-size:.875em;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.cb__sub:hover,.cb__sub.is-active{border-color:var(--color-foreground)}.cb__sub.is-active{background-color:var(--color-foreground);color:var(--color-background)}.cb__media{position:relative;overflow:hidden;background-color:var(--color-surface)}.cb__image{display:block;width:100%;height:100%;object-fit:cover}.cb--overlay{position:relative;display:grid;min-height:var(--cb-height, 420px);padding:0}.cb--overlay .cb__media{position:absolute;top:0;right:0;bottom:0;left:0}.cb--overlay .cb__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--cb-overlay, .3))}.cb--overlay .cb__content{position:relative;z-index:1;align-self:end;width:var(--content-width, calc(100% - 2rem) );max-width:none;margin-inline:auto;padding-block:3rem;color:#fff}.cb--overlay.cb--align-center .cb__content{align-self:center}.cb--overlay .cb__title,.cb--overlay .cb__text,.cb--overlay .cb__count,.cb--overlay .cb__crumbs{color:#fff}.cb--overlay .cb__sub{border-color:#fff9}.cb--overlay .cb__sub.is-active{background-color:#fff;color:#141414}.cb--split{display:grid;gap:1.5rem}.cb--split .cb__media{height:calc(var(--cb-height, 420px) * .7);border-radius:var(--card-image-radius, 0)}@media screen and (min-width:750px){.cb--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem}.cb--split .cb__media{order:2;height:var(--cb-height, 420px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collection-banner.css.map */
