.snake-tabs ul{display:grid;grid-column:1/-1;grid-row:1/-1;grid-template-areas:"first second third ." ". fourth fifth sixth" "seventh eigth ninth .";row-gap:67px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;list-style:none;margin:0;width:100%}.snake-tabs ul li{background:linear-gradient(141deg,hsla(0,0%,100%,.5) 24.48%,hsla(0,0%,100%,0) 96.21%);stroke-width:2px;stroke:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;-webkit-filter:drop-shadow(0 4px 21px rgba(0,0,0,.05));filter:drop-shadow(0 4px 21px rgba(0,0,0,.05));height:200px;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease;width:200px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.snake-tabs ul li,.snake-tabs ul li .title-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.snake-tabs ul li .title-container{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.snake-tabs ul li .title-container .title{color:#616161;font-size:18px;font-style:normal;font-weight:700;line-height:120%;-webkit-transition:all .25s ease;transition:all .25s ease}@media print,screen and (max-width:39.99875em){.snake-tabs ul li .title-container .title{font-size:17px}}.snake-tabs ul li .extra{color:#616161;font-size:16px;font-style:normal;font-weight:400;left:150%;line-height:130%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease;transition:all .25s ease;visibility:hidden;width:85%}@media print,screen and (max-width:39.99875em){.snake-tabs ul li .extra{font-size:12px}}.snake-tabs ul li .circled-nav{bottom:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.snake-tabs ul li .circled-nav .circled-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;gap:4px;justify-content:center}.snake-tabs ul li .circled-nav .circled-container .circle{border:2px solid #616161;border-radius:50% 50% 50% 50%;height:8px;-webkit-transition:all .5s ease;transition:all .5s ease;width:8px}.snake-tabs ul li .circled-nav .circled-container:before{-webkit-animation:toggle .5s 1;animation:toggle .5s 1;background-color:#616161;border-radius:50% 50% 50% 50%;content:"";height:8px;left:0;position:absolute;top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .5s ease;transition:all .5s ease;width:8px}.snake-tabs ul li:before{background:linear-gradient(135deg,#e8a3ea 60%,#00f);border-radius:28px;content:"";inset:0;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;z-index:-1}.snake-tabs ul li:first-child{grid-area:first}.snake-tabs ul li:nth-child(2){grid-area:second}.snake-tabs ul li:nth-child(3){grid-area:third}.snake-tabs ul li:nth-child(4){grid-area:fourth}.snake-tabs ul li:nth-child(5){grid-area:fifth}.snake-tabs ul li:nth-child(6){grid-area:sixth}.snake-tabs ul li:nth-child(7){grid-area:seventh}.snake-tabs ul li:nth-child(8){grid-area:eigth}.snake-tabs ul li:nth-child(9){grid-area:ninth}@media print,screen and (max-width:39.99875em){.snake-tabs ul li{height:150px;width:150px}}.snake-tabs ul li:hover{padding-block:28px 25px;padding-inline:20px 10px}.snake-tabs ul li:hover .title-container{left:-50%;top:50%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.snake-tabs ul li:hover .title-container .title{font-size:12px}.snake-tabs ul li:hover .extra{left:50%;opacity:1;visibility:visible}.snake-tabs ul li:hover .circled-nav .circled-container:before{-webkit-animation:toggle-reverse .5s 1;animation:toggle-reverse .5s 1;left:12px}@media print,screen and (max-width:74.99875em){.snake-tabs ul{-webkit-align-content:space-between;grid-template-areas:"first second third" "fourth fifth sixth" "seventh eigth ninth";-ms-flex-line-pack:justify;align-content:space-between;height:100%;row-gap:12px}}@media print,screen and (max-width:39.99875em){.snake-tabs ul{grid-template-areas:"first second" "third third" "fourth fifth" "sixth sixth" "seventh eigth" "ninth ninth";row-gap:50px}.snake-tabs ul li:nth-child(3n){margin:0 auto}}