.cbanner{position:relative;isolation:isolate;display:flex;align-items:stretch;overflow:hidden;min-height:var(--cbanner-min-h, 420px);border-start-start-radius:var(--card-radius-ss);border-start-end-radius:var(--card-radius-se);border-end-start-radius:var(--card-radius-es);border-end-end-radius:var(--card-radius-ee)}.cbanner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background-color:var(--color-background)}.cbanner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cbanner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(0 0 0 / calc(var(--cbanner-overlay, 40) / 100))}.cbanner__content{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-8);width:100%;padding:var(--spacing-6);color:#fff}.cbanner__top{display:flex;flex-direction:column;gap:var(--spacing-5)}.cbanner__back{display:none;align-self:flex-start;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-body-family);font-size:var(--font-size-s);color:#fff;text-decoration:none;background-color:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full)}.cbanner__back svg{width:16px;height:16px}.cbanner__head{display:flex;flex-direction:column;gap:var(--spacing-3)}.cbanner__title{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:var(--cbanner-title-size, var(--font-size-h3));line-height:1.15}.cbanner__text{font-family:var(--font-body-family);font-size:var(--font-size-s);line-height:var(--line-height-base)}.cbanner__text>*{margin:0}.cbanner__subnav{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cbanner__pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-family:var(--font-body-family);font-size:var(--font-size-s);white-space:nowrap;color:#151515;background-color:#fff;text-decoration:none;border-start-start-radius:var(--cbanner-pill-ss, 50px);border-start-end-radius:var(--cbanner-pill-se, 50px);border-end-start-radius:var(--cbanner-pill-es, 50px);border-end-end-radius:var(--cbanner-pill-ee, 50px);transition:opacity var(--duration-base) var(--easing-base)}.cbanner__pill--active{color:#151515;background-color:#ff5400}.cbanner__pill:hover{opacity:.85}.cbanner__pill-img{display:inline-flex;flex:0 0 auto;width:24px;height:24px}.cbanner__pill-img img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-1)}@media screen and (max-width:749px){.cbanner{min-height:400px}.cbanner__content{padding:var(--spacing-5) var(--spacing-5) var(--spacing-7);gap:var(--spacing-6)}.cbanner__back{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-banner-card.css.map */
