.anga-tabs-group{margin:0 auto;max-width:470px;gap:0;--tab-width:130px;@media (min-width:380px){--tab-width:160px}@media (min-width:768px){--tab-width:170px}}.anga-tabs{position:relative;&:after{content:"";position:absolute;top:55px;left:0;width:40px;height:40px;background:var(--color-muted,oklch(.92 0 0));z-index:0}}.anga-tab{background:none;box-shadow:none;padding:6px;width:var(--tab-width);cursor:pointer;position:relative;&[data-state=active]{transform:translateY(2px);z-index:10}.logo{height:26px;z-index:10}}.anga-panel{border-radius:0 20px 20px 20px;background-color:var(--background);position:relative;z-index:1;&.-anga{filter:drop-shadow(0 0 1px #ff55008f) drop-shadow(0 0 2px #ff5300) drop-shadow(0 4px 12px rgba(254,76,6,.1)) drop-shadow(0 -6px 20px rgba(244,27,50,.2)) drop-shadow(0 7px 30px rgba(255,84,1,.06));will-change:filter;transform:translateZ(0);&:before{content:"";position:absolute;top:-56px;left:0;width:var(--tab-width);height:56px;background:#fff;border-radius:20px 20px 0 0}.curve{top:-20px;left:var(--tab-width)}}&.-they{border-radius:20px;filter:drop-shadow(0 0 1px #ccc) drop-shadow(0 0 2px #ccc) drop-shadow(0 4px 200px rgba(0,0,0,.17)) drop-shadow(0 2px 12px rgba(0,0,0,.1));will-change:filter;transform:translateZ(0);&:before{content:"";position:absolute;top:-56px;left:var(--tab-width);width:var(--tab-width);height:56px;background:#fff;border-radius:20px 20px 0 0}.curve_begin{top:-20px;left:calc(var(--tab-width) - 20px)}.curve_end{top:-20px;left:calc(var(--tab-width) * 2)}}}.anga-topic{padding:20px 0;border-bottom:1px solid #d9d9d9;&:last-child{border-bottom:none;padding-bottom:0}h3{margin:10px 0 8px}@media (max-width:1023px){position:relative;padding-left:36px;img{position:absolute;left:0;top:20px}h3{margin-top:0}}}@keyframes rotate{0%{filter:drop-shadow(0 2px 16px rgba(254,76,6,.4)) drop-shadow(0 -6px 26px rgba(244,27,50,.26)) drop-shadow(0 7px 30px rgba(255,84,1,.1))}50%{filter:drop-shadow(0 2px 16px rgba(254,76,6,.2)) drop-shadow(0 -6px 26px rgba(244,27,50,.1))}to{--angle:495deg;filter:drop-shadow(0 2px 16px rgba(254,76,6,.4)) drop-shadow(0 -6px 26px rgba(244,27,50,.26)) drop-shadow(0 7px 30px rgba(255,84,1,.1))}}@property --angle{syntax:"<angle>";initial-value:135deg;inherits:false}.anga-shadow-primary{position:relative;z-index:10;filter:drop-shadow(0 2px 16px rgba(254,76,6,.2)) drop-shadow(0 -6px 26px rgba(244,27,50,.1)) drop-shadow(0 7px 30px rgba(255,84,1,.05));will-change:filter;transform:translateZ(0);&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:22px;margin:-2px;background:linear-gradient(var(--angle),#FF5300 0,#F2143600 50%);z-index:-1;@media (min-width:1024px){animation:rotate 4s linear infinite}}&:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:0;border-radius:20px}}