.banner-card{position:relative;display:block;width:100%;max-height:var(--_bc-max-height, 700px);overflow:hidden;border-radius:var(--radius-sm);color:var(--color-text-inverse);background-color:var(--color-black-20);--_bc-padding: var(--space-8);--_bc-padding-inline: var(--space-5);--_bc-heading-size: var( --text-4xl );--_bc-overlay-dim: rgba(0, 0, 0, .15);--_bc-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.89%, rgba(0, 0, 0, .7) 100%), linear-gradient(0deg, var(--_bc-overlay-dim), var(--_bc-overlay-dim))}.banner-card--portrait{aspect-ratio:2 / 3}.banner-card--landscape{aspect-ratio:25 / 14}.banner-card--square{border-radius:0}.banner-card--size-small{--_bc-padding: var(--space-5)}@media(min-width:768px){.banner-card{--_bc-heading-size: 40px}}@media(min-width:1440px){.banner-card{--_bc-heading-size: var(--text-5xl)}}@media(min-width:1920px){.banner-card{--_bc-heading-size: 56px}}.banner-card--overlay-none{--_bc-gradient: none}.banner-card--overlay-subtle{--_bc-overlay-dim: rgba(0, 0, 0, .05)}.banner-card--overlay-medium{--_bc-overlay-dim: rgba(0, 0, 0, .15)}.banner-card--overlay-strong{--_bc-overlay-dim: rgba(0, 0, 0, .25)}.banner-card--overlay-full{--_bc-overlay-dim: rgba(0, 0, 0, .4)}.banner-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner-card__media picture{display:block;width:100%;height:100%}.banner-card__img{width:100%;height:100%;object-fit:cover;object-position:center}.banner-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--_bc-gradient);pointer-events:none}.banner-card__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:0;padding-block:var(--_bc-padding);padding-inline:var(--_bc-padding-inline);z-index:1}.banner-card--align-center .banner-card__content{align-items:center;text-align:center}.banner-card--align-left .banner-card__content{align-items:flex-start;text-align:start}.banner-card--pos-bottom .banner-card__content{justify-content:flex-end}.banner-card--pos-center .banner-card__content{justify-content:center}.banner-card__eyebrow{font-family:var(--font-ui);font-size:var(--text-sm);font-style:italic;font-weight:var(--font-weight-base);line-height:1.5;letter-spacing:-.025em;text-transform:uppercase;color:var(--color-text-inverse);margin:0}.banner-card__eyebrow-icon{display:block;height:20px;width:auto;object-fit:contain}.banner-card__main{display:flex;flex-direction:column;align-items:inherit;width:100%}.banner-card__heading{font-family:var(--font-display);font-size:var(--_bc-heading-size);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text-inverse);max-width:840px;margin:0;padding-block-start:var(--space-1-5);padding-block-end:var(--space-6)}.banner-card__body{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-light);line-height:var(--leading-normal);color:var(--color-text-inverse);max-width:512px;margin:0}.banner-card__cta{display:inline-flex;align-items:center;gap:var(--space-1-5);margin-block-start:var(--space-5);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-base);line-height:1.25;text-decoration:none}.banner-card__content:not(:has(.banner-card__body)) .banner-card__cta{margin-block-start:0}.banner-card__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@media(min-width:768px){.banner-card__cta{font-size:var(--text-base)}}.banner-card__cta--link{color:var(--color-text-inverse);transition:opacity .15s ease}.banner-card__cta--link:hover{opacity:.8}.banner-card__cta--link:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:4px;border-radius:2px}.banner-card__cta--link .banner-card__cta-label{border-block-end:1px solid var(--color-text-inverse);padding-block-end:2px}.banner-card__cta--button{height:var(--btn-height-md);padding-inline:var(--btn-padding-x-md);background-color:var(--color-black-0);color:var(--color-black-90);border:1px solid transparent;border-radius:var(--btn-radius);white-space:nowrap;transition:border-color .15s ease}.banner-card__cta--button:hover{opacity:1;border-color:var(--color-black-90)}.banner-card__cta--button:focus-visible{outline:2px solid var(--color-black-90);outline-offset:-4px}.banner{display:block;width:100%}.banner--contained{max-width:var(--grid-max-width);margin-inline:auto;padding-inline:var(--grid-margin)}.banner .banner-card--landscape{min-height:var(--_banner-min-h-mobile, 70dvh)}@media(min-width:768px){.banner .banner-card--landscape{min-height:var(--_banner-min-h-desktop, 90dvh)}}.banner--full .banner-card{border-radius:0}.banner__card-wrapper{position:relative}.banner__pin{position:absolute;left:var(--pin-x);top:var(--pin-y);z-index:2;pointer-events:none}.banner__pin-dot{position:absolute;width:20px;height:20px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--color-brown-10) 80%,transparent);display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.banner__pin-dot:after{content:"";width:12px;height:12px;border-radius:50%;background-color:var(--color-brown-10)}.banner__pin-card{--color-bg: var(--color-brown-10);--color-text: var(--color-black-90);--color-text-muted: var(--color-black-50);position:absolute;top:14px;left:-10px;width:260px;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);pointer-events:auto;box-shadow:0 2px 12px #0000001f;transition:box-shadow .15s ease}.banner__pin-card:hover{box-shadow:0 4px 20px #0000002e}.banner__pin-card:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:4px;border-radius:var(--radius-sm)}.banner__pin-img{width:77px;height:102px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-bg-secondary)}.banner__pin-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:darken}.banner__pin-details{display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;flex:1;min-width:0}.banner__pin-vendor{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-base);color:var(--color-text-muted);line-height:1.3;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner__pin-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-base);color:var(--color-text);line-height:1.3;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner__pin-price{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.5;letter-spacing:-.025em}.banner__pin-card>.icon{flex-shrink:0;align-self:flex-end;color:var(--color-text)}@media(max-width:767px){.banner__pin{display:none}}.banner-group{display:flex;flex-direction:column;gap:var(--space-8);padding-inline:var(--grid-margin);background-color:var(--color-bg)}.banner-group--full{padding-inline:0}.banner-group .banner-card{max-height:none;height:var(--_bg-height-mobile, 500px)}@media(min-width:768px){.banner-group .banner-card{height:var(--_bg-height-desktop, 700px)}}.banner-group__header{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px}.banner-group__eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-style:italic;font-weight:var(--font-weight-light);line-height:1.3;letter-spacing:-.025em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.banner-group__eyebrow-icon{display:block;height:16px;width:auto;object-fit:contain}.banner-group__heading{font-family:var(--font-display);font-size:var(--section-heading-size);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text);margin:0}.banner-group__subtitle{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-light);line-height:var(--leading-normal);color:var(--color-text-muted);margin:0}.banner-group__grid{display:flex;gap:var(--_bg-gap, var(--space-4));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.banner-group__grid::-webkit-scrollbar{display:none}.banner-group__item{min-width:0;flex:0 0 var(--_bg-item-basis, 90%);scroll-snap-align:start}@media(max-width:639px){.banner-group--mobile-stacked .banner-group__grid{display:grid;grid-template-columns:repeat(var(--_bg-cols-mobile, 1),minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}.banner-group--mobile-stacked .banner-group__item{flex:initial;scroll-snap-align:none}}@media(min-width:640px){.banner-group__grid{display:grid;grid-template-columns:repeat(var(--_bg-cols-tablet, 2),minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}.banner-group__item{flex:initial;scroll-snap-align:none}}@media(min-width:1024px){.banner-group__grid{grid-template-columns:repeat(var(--_bg-cols-desktop, 3),minmax(0,1fr))}}.banner-swiper{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-10);background-color:var(--color-bg)}.banner-swiper__header{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px;padding-inline:var(--grid-margin)}.banner-swiper__eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-style:italic;font-weight:var(--font-weight-light);line-height:1.3;letter-spacing:-.025em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.banner-swiper__eyebrow-icon{display:block;height:16px;width:auto;object-fit:contain}.banner-swiper__heading{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--leading-none);color:var(--color-text);margin:0}.banner-swiper__subtitle{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-light);line-height:var(--leading-normal);color:var(--color-text-muted);margin:0}.banner-swiper__shell{position:relative;display:flex;flex-direction:column;gap:var(--space-8);width:100%;--swiper-nav-top: 50%}.banner-swiper__track{display:flex;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--grid-margin);padding-inline:var(--grid-margin);scrollbar-width:none;-webkit-overflow-scrolling:touch}.banner-swiper__track::-webkit-scrollbar{display:none}.banner-swiper__track:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:2px}.banner-swiper__slide{flex:0 0 80%;min-width:0;scroll-snap-align:start}.banner-swiper__slide:last-child{scroll-snap-align:end}@media(min-width:640px){.banner-swiper__slide{flex:0 0 calc((100vw - var(--grid-margin) * 2 - var(--space-4) * 2) / 3.2)}}@media(prefers-reduced-motion:reduce){.banner-card__cta--link,.banner-card__cta--button,.banner__pin-card{transition:none}.banner-swiper__track,html{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/banner.css.map */