.folder{grid-column:1/-1}.tab{text-transform:uppercase;line-height:.8;display:inline-block;margin-left:-35px;filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .05));border:none;border-radius:6px 6px 0 0;position:relative;margin-right:4rem;background:var(--background);white-space:nowrap;cursor:pointer;background:var(--background)}.tab:focus{outline:0}.tab:focus span{border-bottom:2px solid;border-radius:0}.tab:first-of-type{margin-left:30px}.tab div{background:var(--background);padding:6px 0;position:relative;z-index:10}.tab span{display:inline-block;border:2px solid transparent;padding:6px 15px 6px;border-radius:5px;z-index:5;position:relative;font-size:100%;color:#fff}.tab:after,.tab:before{content:"";height:100%;position:absolute;background:var(--background);border-radius:8px 8px 0 0;width:30px;top:0}.tab:before{right:-16px;transform:skew(25deg);border-radius:0 8px 0 0}.tab:after{transform:skew(-25deg);left:-16px;border-radius:8px 0 0 0}.tab.active{z-index:50;position:relative}.tab.active span{background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.1);border-radius:5px;color:#000}.content{border-radius:10px;position:relative;width:100%}.content #tab-1{display:block}.content:before{content:"";width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;border-radius:inherit}.content__inner{display:none;background:var(--background);border-radius:inherit;padding:1rem;filter:drop-shadow(0px -2px 2px rgba(0, 0, 0, .1));z-index:5}.folder{margin:1rem auto;width:100%;scrollbar-height:none;-ms-overflow-style:none}.folder ::-webkit-scrollbar{background:0 0;display:none}.page{border-radius:2px;line-height:160%;background-color:#f9f9f9;filter:drop-shadow(0px 1px 3px rgba(0, 0, 0, .15))}.tabs{padding:2rem 0 0 0;width:100%;margin:0 .5rem;overflow-x:auto;width:calc(100% - 1rem);white-space:nowrap}@media (min-width:50rem){.tabs{margin:0 2rem;width:calc(100% - 4rem)}}.folder .content__inner,.folder .tab{--background:#ac2623}.folder .tab{border:2px solid;border-width:2px 0 0}.folder .tab:after,.folder .tab:before{top:-2px;border-top:2px solid}.folder .tab:before{border-right:2px solid}.folder .tab:after{border-left:2px solid}.folder .tab.active span{border:2px solid}.folder .tab.active:focus span{outline:1px solid rgba(255,255,255,.7)}.folder .tab:not(.active){border-bottom:2px solid}.folder .tab:not(.active):after,.folder .tab:not(.active):before{box-shadow:0 1.5px 0 #000}.folder .content{top:-2px;left:-2px}.folder .content__inner{box-shadow:0 0 0 2px #000}.folder .page{border:2px solid}