.tabs{border:0}
.mackenzie-tabs{--brand-blue:#0f2d52;--primary-text:#122b4a;--secondary-text:#4a647d;--secondary-navy:#122b4a;--secondary-bg-light:#f0f7fd;--border-color:#d1dde7;--secondary-container-border:#666;--secondary-arrow-border:#666;--radius:4px;font-family:'Inter',sans-serif}
.mackenzie-tabs--primary .mackenzie-tabs__nav-container{display:flex;align-items:center;width:100%;margin-bottom:24px}
.mackenzie-tabs--secondary .mackenzie-tabs__nav-container{display:flex;align-items:center;width:100%;margin-bottom:24px;gap:12px}
.mackenzie-tabs__nav-wrapper{flex:1;overflow-x:auto;scrollbar-width:none}
.mackenzie-tabs__nav-wrapper::-webkit-scrollbar{display:none}
.mackenzie-tabs__nav{display:flex;list-style:none;margin:0;padding:0;width:max-content;min-width:100%}
.mackenzie-tabs__nav-item{position:relative;flex-shrink:0}
.mackenzie-tabs__link{display:block;text-decoration:none;white-space:nowrap;cursor:pointer}
.mackenzie-tabs__text{display:block}
.mackenzie-tabs__link:focus-visible,.mackenzie-tabs__arrow:focus-visible{outline:3px solid #80bfff;outline-offset:2px;border-radius:4px}
.mackenzie-tabs__link,.mackenzie-tabs__arrow{-webkit-tap-highlight-color:transparent}
.mackenzie-tabs__nav-wrapper{touch-action:pan-x;overscroll-behavior-x:contain}
.mackenzie-tabs__arrow:disabled{opacity:.4;cursor:default}
.mackenzie-tabs--primary .mackenzie-tabs__arrow{width:48px;height:48px;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:#fff}
.mackenzie-tabs--secondary .mackenzie-tabs__arrow{width:40px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background:#fff;border-radius:var(--radius)}
.mackenzie-tabs__arrow::before{content:'';width:10px;height:10px;border:solid var(--secondary-navy);border-width:0 2px 2px 0;display:inline-block}
.mackenzie-tabs__arrow--right::before{transform:rotate(-45deg)}
.mackenzie-tabs__arrow--left::before{transform:rotate(135deg)}
.mackenzie-tabs--primary .mackenzie-tabs__nav{border-bottom:1px solid #e0e0e0}
.mackenzie-tabs--primary .mackenzie-tabs__link{padding:12px 24px;color:var(--primary-text);font-size:18px;font-style:normal;font-weight:400}
.mackenzie-tabs--primary .mackenzie-tabs__nav-item.is-active .mackenzie-tabs__link{color:var(--brand-blue)}
.mackenzie-tabs--primary .mackenzie-tabs__nav-item.is-active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--brand-blue)}
.mackenzie-tabs--primary .mackenzie-tabs__arrow{border:1px solid var(--border-color);border-top:0}
.mackenzie-tabs--primary .mackenzie-tabs__arrow--left{border-left:0}
.mackenzie-tabs--primary .mackenzie-tabs__arrow--right{border-right:0}
.mackenzie-tabs--secondary .mackenzie-tabs__nav-wrapper{background:var(--secondary-bg-light);border:1px solid var(--secondary-container-border);border-radius:6px;padding:6px}
.mackenzie-tabs--secondary .mackenzie-tabs__nav{gap:4px}
.mackenzie-tabs--secondary .mackenzie-tabs__link{padding:11px 20px;color:var(--secondary-text);border-radius:4px;font-size:16px;font-style:normal;font-weight:700;line-height:24px}
.mackenzie-tabs--secondary .mackenzie-tabs__nav-item:not(.is-active) .mackenzie-tabs__link:hover{background:rgba(18,43,74,0.06)}
.mackenzie-tabs--secondary .mackenzie-tabs__nav-item.is-active .mackenzie-tabs__link{background:var(--secondary-navy);color:#fff}
.mackenzie-tabs--secondary .mackenzie-tabs__arrow{border:1px solid var(--secondary-arrow-border);background:#fff}
.mackenzie-tabs--secondary .mackenzie-tabs__arrow:hover{background:#f4f8fc}
.mackenzie-tabs__panel{display:none}
.mackenzie-tabs__panel.is-active{display:block}
.mkz-tabs-authoring__panel{border:1px solid #e0e0e0;margin-bottom:15px;border-radius:4px;overflow:hidden;background:white}
.mkz-tabs-authoring__panel.is-active{box-shadow:0 2px 8px rgba(0,102,204,0.2)}
.mkz-tabs-authoring__header{padding:15px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;transition:all .2s}
.mkz-tabs-authoring__panel.is-active .mkz-tabs-authoring__header{background:#0f2d52;color:white}
.mkz-tabs-authoring__header:hover{background:linear-gradient(135deg,#e8e8e8 0,#d8d8d8 100%)}
.mkz-tabs-authoring__title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.mkz-tabs-authoring__badge{background:white;color:#06c;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:bold;min-width:32px;text-align:center}
.mkz-tabs-authoring__panel.is-active .mkz-tabs-authoring__badge{background:#2196f3;color:#0f2d52}
.mkz-tabs-authoring__toggle{font-size:24px;transition:transform .3s}
.mkz-tabs-authoring__panel.is-active .mkz-tabs-authoring__toggle{transform:rotate(180deg);color:white}
.mkz-tabs-authoring__content{padding:20px;display:none;background:#fafafa;border-top:2px solid #e0e0e0}
.mkz-tabs-authoring__panel.is-active .mkz-tabs-authoring__content{display:block}
.mkz-tabs-authoring__parsys-wrapper{counter-reset:panel-counter}
.mkz-tabs-authoring__parsys-wrapper>*:not(.new){padding:15px;background:white;border:2px solid #e0e0e0;border-radius:4px;margin-bottom:15px;position:relative}
.mkz-tabs-authoring__parsys-wrapper>*:not(.new)::before{content:'Tab Panel ' counter(panel-counter);counter-increment:panel-counter;position:absolute;top:-10px;left:15px;background:#ddf4ff;color:#0f2d52;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}