.tablist{align-items:center;width:100%;display:flex;position:relative}.tablist .tab-contents{z-index:2;width:100%;transition:transform .5s ease-in-out;position:relative}.tablist .tab-contents .content-wrapper{background-color:var(--color-white);border-radius:1rem;width:100%;padding:1rem 1.5rem;box-shadow:4px 2px 15px #00000026}.tablist .tab-contents .content-wrapper:not(.--active){display:none}.tablist .tab-triggers{z-index:1;width:0;height:0;transition:transform .5s ease-in-out;position:relative}.tablist .tab-triggers .trigger-wrapper{position:absolute}.tablist[data-orientation=Horizontal] .tab-triggers{transform:translate(0)}.tablist[data-orientation=Horizontal] .tab-triggers.--not-ready{transform:translate(-500px)}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper{height:100%;transition:left .3s ease-in-out}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper .tablist-trigger{text-orientation:mixed;align-items:center;width:40px;height:100%;display:flex;translate:30px}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper.--left{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper.--left .tablist-trigger{writing-mode:vertical-lr}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper.--right{border-top-right-radius:1rem;border-bottom-right-radius:1rem;width:80px;translate:10px}.tablist[data-orientation=Horizontal] .tab-triggers .trigger-wrapper.--right .tablist-trigger{writing-mode:vertical-rl;translate:19px!important}.tablist[data-orientation=Vertical]{flex-direction:column-reverse}.tablist[data-orientation=Vertical] .tab-triggers{width:100%}.tablist[data-orientation=Vertical] .tab-triggers .trigger-wrapper{border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;height:3.5rem;transition:bottom .3s ease-in-out}.tablist[data-orientation=Vertical] .tab-contents{transition:none}.tablist[data-orientation=Vertical] .tab-contents .content-wrapper{opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(1rem)}.tablist[data-orientation=Vertical] .tab-contents .content-wrapper.--active{opacity:1;transform:translateY(0)}.tablist[data-orientation=Vertical] .tab-contents .content-wrapper:not(.--active){display:none;position:absolute}