.bb-system-tabs{background-color:var(--bb-color-bg-offwhite, #F7F6F3);padding:var(--bb-space-24, 96px) 0}.bb-system-tabs__container{width:100%;max-width:var(--bb-container-max, 1416px);margin:0 auto;padding:0 var(--bb-space-10, 40px)}.bb-system-tabs__header{text-align:center;margin-bottom:var(--bb-space-12, 48px)}.bb-system-tabs__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-bottom:var(--bb-space-3, 12px)}.bb-system-tabs__eyebrow-icon{width:20px;height:auto;display:block}.bb-system-tabs__eyebrow-text{font-family:var(--bb-font-body, "Gill Sans", sans-serif);font-size:15px;font-weight:var(--bb-font-body-weight-semibold, 600);line-height:1.19;letter-spacing:.5px;text-transform:uppercase;color:var(--bb-color-text, #222012)}.bb-system-tabs__title{font-family:var(--bb-font-display, "Brodaers", serif);font-size:80px;font-weight:400;line-height:.8!important;letter-spacing:-1.6px;text-transform:uppercase;color:var(--bb-color-text, #222012);padding:0!important;text-align:center;max-width:795px;margin:0 auto!important}.bb-system-tabs__tabber{position:relative}.bb-system-tabs__nav{display:flex;align-items:center;justify-content:center;gap:var(--bb-space-8, 32px);background-color:#f7f6f3;border:1px solid rgba(34,32,18,.15);border-radius:var(--bb-radius-full, 100px);padding:4px 8px;width:fit-content;margin:0 auto;position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:10}.bb-system-tabs__tab{font-family:var(--bb-font-body, "Gill Sans", sans-serif);font-size:var(--bb-text-base, 16px);font-weight:400;line-height:1.35;color:var(--bb-color-text, #222012);background:transparent;border:none;padding:12px 24px;border-radius:var(--bb-radius-full, 100px);cursor:pointer;transition:background-color var(--bb-transition-base, .2s ease),color var(--bb-transition-base, .2s ease);white-space:nowrap}.bb-system-tabs__tab:hover{background-color:#22201214}.bb-system-tabs__tab--active{background-color:var(--bb-color-text, #222012);color:var(--bb-color-bg-offwhite, #F7F6F3)}.bb-system-tabs__tab--active:hover{background-color:var(--bb-color-text, #222012)}.bb-system-tabs__panels{position:relative;border-radius:var(--bb-radius-lg, 12px);overflow:hidden;min-height:767px;border:1px solid rgba(34,32,18,.15)}.bb-system-tabs__panel{display:none;position:relative;min-height:767px}.bb-system-tabs__panel--active{display:block}.bb-system-tabs__panel-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bb-system-tabs__panel-bg img{width:100%;height:100%;object-fit:cover;display:block}.bb-system-tabs__panel-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);z-index:1;pointer-events:none}.bb-system-tabs__panel-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;min-height:767px;padding:var(--bb-space-10, 40px);padding-top:100px}.bb-system-tabs__panel-text{max-width:420px;display:flex;flex-direction:column;gap:var(--bb-space-6, 24px)}.bb-system-tabs__panel-title{font-family:var(--bb-font-body, "Gill Sans", sans-serif);font-size:var(--bb-text-5xl, 40px);font-weight:var(--bb-font-body-weight-semibold, 600);font-style:normal;line-height:1.1!important;letter-spacing:-.8px;color:#e8ef95;margin:0!important;padding:0!important}.bb-system-tabs__panel-description{font-family:var(--bb-font-body, "Gill Sans", sans-serif);font-size:var(--bb-text-xl, 20px);font-weight:400;line-height:1.35;color:#e8ef95;margin:0}.bb-system-tabs__panel-sticker{position:absolute;bottom:var(--bb-space-10, 40px);right:var(--bb-space-12, 48px);width:160px;height:auto;z-index:3;transform:rotate(17deg);transform-origin:center;pointer-events:auto}.bb-system-tabs__panel-sticker img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.bb-system-tabs__panel--fading-out{animation:tabFadeOut .15s ease-out forwards}.bb-system-tabs__panel--fading-in{animation:tabFadeIn .25s ease-out forwards}@keyframes tabFadeOut{0%{opacity:1}to{opacity:0}}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1279px){.bb-system-tabs{padding:var(--bb-space-16, 64px) 0}.bb-system-tabs__title{font-size:64px!important;letter-spacing:-1.28px}.bb-system-tabs__panels,.bb-system-tabs__panel,.bb-system-tabs__panel-content{min-height:620px}.bb-system-tabs__panel-title{font-size:34px!important;letter-spacing:-.68px;margin:0!important}.bb-system-tabs__panel-description{font-size:18px}.bb-system-tabs__panel-sticker{width:130px;right:48px;transform:rotate(17deg)}}@media(max-width:1023px){.bb-system-tabs{padding:var(--bb-space-12, 48px) 0}.bb-system-tabs__container{padding:0 var(--bb-space-5, 20px)}.bb-system-tabs__header{margin-bottom:var(--bb-space-8, 32px)}.bb-system-tabs__title{font-size:56px!important;letter-spacing:-1.12px}.bb-system-tabs__nav{position:relative;top:0;left:0;transform:none;justify-content:flex-start;flex-wrap:wrap;overflow-x:visible;width:100%;margin-bottom:var(--bb-space-6, 24px);padding:0;gap:var(--bb-space-2, 8px);background-color:transparent;border:none;border-radius:0}.bb-system-tabs__tab{font-size:14px;padding:10px 18px;flex-shrink:0;border:1px solid rgba(34,32,18,.25)}.bb-system-tabs__tab--active{border-color:var(--bb-color-text, #222012)}.bb-system-tabs__panels,.bb-system-tabs__panel{min-height:520px}.bb-system-tabs__panel-content{min-height:520px;padding:var(--bb-space-6, 24px);padding-top:var(--bb-space-6, 24px)}.bb-system-tabs__panel-text{gap:var(--bb-space-4, 16px)}.bb-system-tabs__panel-title{font-size:30px!important;letter-spacing:-.6px;margin:0!important}.bb-system-tabs__panel-description{font-size:17px}.bb-system-tabs__panel-sticker{width:110px;bottom:24px;right:24px;transform:rotate(17deg)}}@media(max-width:767px){.bb-system-tabs{padding:var(--bb-space-10, 40px) 0}.bb-system-tabs__container{padding:0 var(--bb-space-4, 16px)}.bb-system-tabs__header{margin-bottom:var(--bb-space-6, 24px)}.bb-system-tabs__title{font-size:40px!important;letter-spacing:-.8px}.bb-system-tabs__nav{justify-content:center;margin-bottom:var(--bb-space-4, 16px)}.bb-system-tabs__tab{min-width:133px}.bb-system-tabs__panels{min-height:480px;border-radius:8px}.bb-system-tabs__panel{min-height:480px}.bb-system-tabs__panel-content{min-height:480px;padding:var(--bb-space-5, 20px);flex-direction:column;justify-content:flex-end;align-items:flex-start}.bb-system-tabs__panel-text{max-width:100%;padding-right:100px;gap:var(--bb-space-4, 16px)}.bb-system-tabs__panel-title{font-size:26px!important;letter-spacing:-.52px;margin:0!important}.bb-system-tabs__panel-description{font-size:15px;line-height:1.45}.bb-system-tabs__panel-sticker{width:110px;bottom:20px;right:16px;transform:rotate(17deg)}}@media(max-width:479px){.bb-system-tabs{padding:var(--bb-space-8, 32px) 0}.bb-system-tabs__title{font-size:32px!important;letter-spacing:-.64px}.bb-system-tabs__tab{font-size:13px;padding:8px 14px}.bb-system-tabs__panels,.bb-system-tabs__panel{min-height:420px}.bb-system-tabs__panel-content{min-height:420px;padding:var(--bb-space-4, 16px)}.bb-system-tabs__panel-text{padding-right:90px}.bb-system-tabs__panel-title{font-size:22px!important;letter-spacing:-.44px;margin:0!important}.bb-system-tabs__panel-description{font-size:13px}.bb-system-tabs__panel-sticker{width:90px;bottom:16px;right:12px;transform:rotate(17deg)}}.bb-system-tabs__tab:focus-visible{outline:2px solid var(--bb-color-primary, #FFA500);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bb-system-tabs__tab{transition:none}.bb-system-tabs__panel--fading-out,.bb-system-tabs__panel--fading-in{animation:none}.bb-system-tabs__panel-sticker{transform:rotate(17deg);transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/bb-the-system-tabs.css.map */