.btn-level,.btn-sequence>span:first-child{font-size:var(--fs-1);font-variant:small-caps}a,a:active,a:visited,button{position:relative;text-align:center}button{cursor:pointer;background:0 0;font-family:montserrat;font-weight:500;padding-block:0;padding-inline:0;-webkit-tap-highlight-color:transparent}.btn-level{font-weight:500;border:none;color:var(--clr-B1);transform:scale(.8);transition-property:color,transform;transition-duration:.25s;transition-timing-function:ease-in-out}.btn-level.selected,.btn-level:hover{transform:scale(1)}.btn-level.selected{color:var(--clr-A2)}.btn-sequence{width:80%;margin:2vmin 0 2vmin 10%;display:grid;grid-template-columns:1fr 1fr 8fr;align-items:center;filter:blur(.5vmin) opacity(0);transform:translateX(50vw);font-size:var(--fs-3);color:var(--clr-B3);overflow:hidden;border:none;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-top .4s,border-bottom .4s}.btn-session,.btn-session.in,.btn-session.out{color:var(--clr-02)}.btn-sequence::after,.btn-sequence::before{pointer-events:none;position:absolute;content:"";height:100%;width:100%;opacity:0;transition-property:left,opacity;transition-duration:.6s;transition-timing-function:ease-in-out}.btn-sequence::before{z-index:-2;left:-20%;background:url(../svg/headbands/leafs.svg) left center/contain no-repeat}.btn-sequence::after{z-index:-1;left:12%;background:url(../svg/headbands/keyboard.svg) right center/contain no-repeat}.btn-sequence>span{padding:2vmin 0;background:0 0;text-shadow:1vmin 1vmin 0 var(--clr-02);transition:color .4s}.btn-sequence>span:first-child{text-align:right}.btn-sequence>span.bull{color:var(--clr-A3);font-size:var(--fs-3)}.btn-sequence>span.title{text-align:left}.btn-session{height:fit-content;width:100%;margin:1vmin 0;padding:1vmin 2vmin 1vmin 3vmin;display:block;font-size:var(--fs-5);font-weight:700;border:none;transition:color .4s}.btn-session::after,.btn-session::before{position:absolute;height:100%;width:100%;content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 100%,1vmin 50%)}.btn-session::before{z-index:-1;top:0;right:0;background-color:var(--clr-C3);transition:background-color .4s}.btn-session::after{z-index:-2;top:1vmin;right:-1vmin;background:var(--clr-shadow)}.btn-session.in{cursor:default;pointer-events:none}.btn-session.in::before{background-color:var(--clr-C1)}.btn-session.out::before{background-color:var(--clr-A3)}a,a:active,a:visited{width:fit-content;max-width:100%;color:var(--clr-02);font-size:var(--fs-5);font-weight:600;text-decoration:none;transition-property:color;transition-duration:.4s}a{cursor:pointer;display:inline-block}a:hover{color:var(--clr-C3)}a.jpg,a.pdf,a.wiki,a.yt{min-width:5vmin;margin:5vmin .5vmin .5vmin;padding:.5vmin}a.yt::before{background:url(../svg/icons/yt.svg)}a.pdf::before{background:url(../svg/icons/pdf.svg)}a.wiki::before{background:url(../svg/icons/wiki.svg)}a.jpg::before{background:url(../svg/icons/filejpg.svg)}a.jpg::before,a.pdf::before,a.wiki::before,a.yt::before{position:absolute;content:"";height:5vmin;width:5vmin;left:50%;top:-5vmin;transform:translate(-50%,0);background-position:center;background-repeat:no-repeat;background-size:contain}.scroll::-webkit-scrollbar{width:1vmin}.scroll::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-track{border-radius:.5vmin}.scroll::-webkit-scrollbar-button{height:1vmin}.scroll::-webkit-scrollbar-track{background:var(--clr-02)}.scroll::-webkit-scrollbar-thumb{background:var(--clr-B2);cursor:pointer}@media screen and (max-aspect-ratio:4/3){.btn-session{height:100%;width:fit-content;margin:0 1vmin;padding:2vmin 2vmin 1vmin;display:inline}.btn-session::after,.btn-session::before{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,50% 1vmin)}}@media (pointer:fine){.btn-level:hover{color:var(--clr-C1)}.btn-sequence:hover{border-top:1px solid var(--clr-02);border-bottom:1px solid var(--clr-02)}.btn-sequence:hover::after,.btn-sequence:hover::before{left:0;opacity:.5}.btn-sequence:hover>span{color:#fff}.btn-sequence:hover>span.bull{color:var(--clr-C1);font-size:var(--fs-1)}.btn-session:hover::before{background-color:var(--clr-C2)}a.jpg,a.pdf,a.wiki,a.yt{filter:grayscale(100%);transition:filter .4s,color .4s}a.jpg:hover,a.pdf:hover,a.wiki:hover,a.yt:hover{filter:grayscale(0)}.scroll::-webkit-scrollbar-thumb:hover{background:var(--clr-B3)}}