.br-card-carousel{background:var(--bt-color-bg-page);color:var(--bt-color-text-primary);padding-block:0 var(--bt-space-section);overflow:clip}.br-card-carousel__inner{padding-inline:var(--bt-layout-inset)}.br-card-carousel__headline-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--bt-space-6);margin-bottom:var(--bt-space-9)}.br-card-carousel__headline{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bt-space-5);max-width:680px}.br-card-carousel__kicker{display:inline-flex;align-items:center;justify-content:center;padding:var(--bt-space-1) var(--bt-space-2);border-radius:var(--bt-radius-sm);background:var(--bt-color-bg-alt);color:var(--bt-color-text-primary);text-align:center}.br-card-carousel__heading{margin:0;color:var(--bt-color-text-primary);text-wrap:balance}.br-card-carousel__nav{display:flex;flex:0 0 auto;gap:var(--bt-space-2)}.br-card-carousel__arrow{display:flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;border:1px solid var(--bt-color-border-strong);border-radius:var(--bt-radius-pill);background:transparent;color:var(--bt-color-text-primary);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}.br-card-carousel__arrow:hover{border-color:var(--bt-color-action-primary-hover);background:var(--bt-color-action-primary-hover);color:var(--bt-color-text-on-dark)}.br-card-carousel__arrow svg{display:block;width:16px;height:16px}.br-card-carousel__viewport-outer{padding-inline:var(--bt-layout-inset)}.br-card-carousel__viewport{margin-right:calc(var(--bt-layout-inset) * -1);padding-right:var(--bt-layout-inset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.br-card-carousel__viewport::-webkit-scrollbar{display:none}.br-card-carousel__track{display:flex;gap:var(--bt-space-3);margin:0;padding:0;list-style:none}.br-card-carousel__card{position:relative;flex:0 0 auto;width:380px;height:470px;border-radius:var(--bt-radius-md);background:var(--bt-color-bg-slot);overflow:hidden;scroll-snap-align:start}.br-card-carousel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.br-card-carousel__pill{position:absolute;right:var(--bt-space-3);bottom:var(--bt-space-3);left:var(--bt-space-3);display:flex;flex-direction:column;align-items:flex-start;padding:var(--bt-space-6);border-radius:var(--bt-radius-sm);background:var(--bt-color-bg-dark);color:var(--bt-color-text-on-dark)}.br-card-carousel__pill-heading{margin:0;color:var(--bt-color-text-on-dark)}.br-card-carousel__pill-body{margin:var(--bt-space-3) 0 0;color:color-mix(in srgb,var(--bt-color-text-on-dark) 64%,transparent)}.br-card-carousel--merchandising .br-card-carousel__headline-row{margin-bottom:48px}.br-card-carousel--merchandising .br-card-carousel__headline{gap:24px}.br-card-carousel--merchandising .br-card-carousel__kicker{padding:5px 12px;background:var(--bt-color-bg-alt);color:var(--bt-color-text-primary)}.br-card-carousel--merchandising .br-card-carousel__pill{padding:32px}.br-card-carousel--merchandising .br-card-carousel__pill-body{margin-top:12px;color:color-mix(in srgb,var(--bt-color-text-on-dark) 64%,transparent)}@media(min-width:750px)and (max-width:900px){.br-card-carousel--merchandising .br-card-carousel__inner,.br-card-carousel--merchandising .br-card-carousel__viewport-outer{padding-inline:32px}.br-card-carousel--merchandising .br-card-carousel__viewport{margin-right:-32px;padding-right:32px}.br-card-carousel--merchandising .br-card-carousel__card{width:300px}}@media(max-width:749px){.br-card-carousel__headline-row{margin-bottom:var(--bt-space-7)}.br-card-carousel__card{width:78vw;height:400px}.br-card-carousel__pill{padding:var(--bt-space-5)}.br-card-carousel--merchandising .br-card-carousel__headline-row{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.br-card-carousel--merchandising .br-card-carousel__headline{gap:16px}.br-card-carousel--merchandising .br-card-carousel__kicker{padding:5px 10px}.br-card-carousel--merchandising .br-card-carousel__track{gap:12px}.br-card-carousel--merchandising .br-card-carousel__card{max-width:300px;border-radius:12px}.br-card-carousel--merchandising .br-card-carousel__pill{inset:auto 12px 12px;padding:20px}.br-card-carousel--merchandising .br-card-carousel__pill-body{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/br-card-carousel.css.map */