.char{display:inline-block;position:relative}.char:after{content:attr(data-char);position:absolute;top:100%;left:0;transform:rotateX(-90deg)}.word{clip-path:inset(0)}.rolling:is(:hover,:focus-visible) .char{--total:.7s;opacity:1;transition:transform .2s linear;transition-delay:calc((sin((var(--char-index)/var(--char-total))*45deg)*var(--total)));transform-style:preserve-3d;transform:rotateX(90deg)translateY(-1lh)}.transform-test{width:100px;height:100px;transform-style:preserve-3d;background-color:red;position:relative;transform:translateY(10px)rotateX(90deg)}.transform-test:after{content:"";background-color:#00f;width:100px;height:100px;display:inline-block;position:absolute;top:100px;left:0;transform:rotateX(-90deg)}.rolling+.underline{transform-origin:0;background-color:#000;width:100%;height:2px;transition:transform .1s linear;transform:scaleX(0)}.rolling:hover+.underline{transition:transform .7s .2s;transform:scaleX(1)}.scene{perspective:600px;width:fit-content}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s;position:relative}.card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.card-face--front{background-color:red}.card-face--back{background-color:#00f;transform:rotateY(180deg)}
.filling-div-module__ilTWWG__tab_underline{cursor:pointer;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);position:relative}@media (hover:hover){.filling-div-module__ilTWWG__tab_underline:hover{color:var(--color-foreground,hsl(var(--foreground)))}}.filling-div-module__ilTWWG__tab_underline[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000}.filling-div-module__ilTWWG__tab_underline:after{content:"";transform-origin:0;background-color:var(--color-foreground,hsl(var(--foreground)));border-radius:9999px;width:0;height:3px;transition:width .35s;position:absolute;bottom:0;left:0}.filling-div-module__ilTWWG__tab_underline:before{content:"";border-radius:9999px;width:100%;height:3px;position:absolute;bottom:0;left:0}.filling-div-module__ilTWWG__tab_underline:hover:before,.filling-div-module__ilTWWG__tab_underline[data-state=active]:before{background-color:var(--color-interactive-selected,hsl(var(--interactive-selected)))}.filling-div-module__ilTWWG__tab_underline[data-state=active]:after{background-color:var(--color-foreground,hsl(var(--foreground)));width:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}