.cst-front-root{position:relative;z-index:999999}
.cst-tab-wrap{position:fixed;z-index:999999;pointer-events:none;top:50%;transform:translateY(-50%);visibility:hidden;opacity:0}
.cst-tab-wrap.cst-ready,.cst-tab-wrap.is-preview{visibility:visible;opacity:1}
.cst-tab-wrap.cst-side-left{left:var(--cst-side-offset,0px)}
.cst-tab-wrap.cst-side-right{right:var(--cst-side-offset,0px)}
.cst-tab-wrap.cst-device-none{display:none!important}
.cst-tab{position:relative;display:block;pointer-events:auto;text-decoration:none;background:var(--cst-bg,#f4ead9);color:var(--cst-fg,#77541b);border-radius:var(--cst-radius,10px);box-shadow:0 10px 24px rgba(0,0,0,.18);transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease,width .18s ease,height .18s ease;overflow:hidden}
.cst-side-left .cst-tab{border-top-left-radius:0;border-bottom-left-radius:0}
.cst-side-right .cst-tab{border-top-right-radius:0;border-bottom-right-radius:0}
.cst-tab.cst-rot-neg-90,.cst-tab.cst-rot-90{width:var(--cst-tab-thickness,56px);height:var(--cst-tab-length,140px)}
.cst-tab.cst-rot-horizontal{width:var(--cst-tab-length,140px);height:var(--cst-tab-thickness,56px)}
.cst-tab,.cst-tab:link,.cst-tab:visited,.cst-tab:hover,.cst-tab:active{color:var(--cst-fg,#77541b)!important;text-decoration:none!important}
.cst-tab:hover,.cst-tab:focus-visible{background:var(--cst-bg-hover,#fff);color:var(--cst-fg-hover,#77541b)!important}
.cst-tab:focus-visible{outline:2px solid rgba(0,0,0,.24);outline-offset:2px}
.cst-tab:hover .cst-tab-icon,.cst-tab:focus-visible .cst-tab-icon{color:var(--cst-icon-color-hover,var(--cst-icon-color,#c08b2e))}
.cst-tab-inner{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg)}
.cst-tab.cst-rot-90 .cst-tab-inner{transform:translate(-50%,-50%) rotate(90deg)}
.cst-tab.cst-rot-horizontal .cst-tab-inner{transform:translate(-50%,-50%)}
.cst-tab-text{font-size:var(--cst-font-size,18px);font-weight:700;line-height:1;letter-spacing:.02em}
.cst-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--cst-icon-size,25px);height:var(--cst-icon-size,25px);min-width:var(--cst-icon-size,25px);min-height:var(--cst-icon-size,25px);color:var(--cst-icon-color,#c08b2e)}
.cst-icon-mask{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-image:var(--cst-icon-url);mask-image:var(--cst-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.cst-effect-pulse{animation:cstPulse 2.4s ease-in-out infinite}
.cst-effect-bob{animation:cstBob 3.2s ease-in-out infinite}
.cst-effect-tilt{animation:cstTilt 3.2s ease-in-out infinite}
.cst-tab:hover,.cst-tab:focus-visible{animation-play-state:paused}
.cst-hover-color:hover,.cst-hover-color:focus-visible{box-shadow:0 12px 28px rgba(0,0,0,.18)}
.cst-hover-grow:hover,.cst-hover-grow:focus-visible{width:calc(var(--cst-tab-thickness,56px) + 6px)}
.cst-tab.cst-rot-horizontal.cst-hover-grow:hover,.cst-tab.cst-rot-horizontal.cst-hover-grow:focus-visible{height:calc(var(--cst-tab-thickness,56px) + 6px);width:var(--cst-tab-length,140px)}
.cst-hover-lift:hover,.cst-hover-lift:focus-visible{filter:brightness(1.02);box-shadow:0 14px 34px rgba(0,0,0,.24)}
.cst-hover-shadow:hover,.cst-hover-shadow:focus-visible{box-shadow:0 18px 42px rgba(0,0,0,.28)}
.cst-hover-slide:hover,.cst-hover-slide:focus-visible{box-shadow:0 16px 36px rgba(0,0,0,.24)}
.cst-hover-slide:hover .cst-tab-inner,.cst-hover-slide:focus-visible .cst-tab-inner{margin-left:3px}
.cst-side-left .cst-hover-slide:hover .cst-tab-inner,.cst-side-left .cst-hover-slide:focus-visible .cst-tab-inner{margin-left:0;margin-right:3px}
@keyframes cstPulse{0%{transform:scale(1)}50%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes cstBob{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@keyframes cstTilt{0%{transform:rotate(0deg)}50%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}
@media (max-width:781px){
  .cst-tab-wrap.cst-side-left{left:var(--cst-mobile-side-offset,0px)}
  .cst-tab-wrap.cst-side-right{right:var(--cst-mobile-side-offset,0px)}
  .cst-tab-text{font-size:var(--cst-mobile-font-size,16px)}
  .cst-tab-wrap.cst-device-desktop{display:none!important}
}
@media (min-width:782px){
  .cst-tab-wrap.cst-device-mobile{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .cst-effect-pulse,.cst-effect-bob,.cst-effect-tilt{animation:none}
}

/* exact shadow persistence fix */
.cst-tab-wrap .cst-tab,
.cst-tab-wrap .cst-tab:link,
.cst-tab-wrap .cst-tab:visited,
.cst-tab-wrap .cst-tab:hover,
.cst-tab-wrap .cst-tab:active,
.cst-tab-wrap .cst-tab:focus,
.cst-tab-wrap .cst-tab:focus-visible{
  -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}
.cst-tab-wrap .cst-hover-color:hover,
.cst-tab-wrap .cst-hover-color:focus,
.cst-tab-wrap .cst-hover-color:focus-visible{
  -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
}
.cst-tab-wrap .cst-hover-lift:hover,
.cst-tab-wrap .cst-hover-lift:focus,
.cst-tab-wrap .cst-hover-lift:focus-visible{
  -webkit-box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24) !important;
}
.cst-tab-wrap .cst-hover-shadow:hover,
.cst-tab-wrap .cst-hover-shadow:focus,
.cst-tab-wrap .cst-hover-shadow:focus-visible{
  -webkit-box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}
.cst-tab-wrap .cst-hover-slide:hover,
.cst-tab-wrap .cst-hover-slide:focus,
.cst-tab-wrap .cst-hover-slide:focus-visible{
  -webkit-box-shadow: 0 16px 36px rgba(0,0,0,.24) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.24) !important;
}
