.documentation .documentation__header{margin-bottom:3rem}.documentation .documentation__header h2,.documentation .documentation__header h3{margin:0}.documentation .documentation__header *+.button,.documentation .documentation__header *+h3{margin-top:2rem}.documentation .documentation__item{grid-gap:1.5rem;background-color:rgb(var(--color-outline));border:1px solid rgba(var(--color-text),.1);border-radius:4px;box-shadow:0 0 25px rgba(66,66,66,.35);display:grid;grid-template-columns:4.2rem calc(100% - 5.7rem);margin-bottom:2rem;padding:2rem}.documentation .documentation__item:last-child{margin-bottom:0}.documentation .documentation__item .p4{margin-bottom:1rem}.documentation .documentation__item .p2+.button{margin-top:2rem}.documentation .documentation__icon svg{color:rgb(var(--color-accent));height:4.2rem;width:4.2rem}@media screen and (min-width:1024px){.documentation .documentation__inner{grid-gap:6rem;align-items:center;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);position:relative}.documentation .icon-line{bottom:15%;left:30%;position:absolute;transform:translateX(-50%)}.documentation .documentation__header{margin-bottom:0}.documentation .documentation__header .button{margin-top:3rem}.documentation .documentation__list{padding:10% 20% 10% 0;position:relative;width:100%}.documentation .documentation__list .documentation__spiner{padding-bottom:100%;position:relative}.documentation .documentation__list .documentation__spiner svg{height:100%;left:0;position:absolute;top:0;width:100%}.documentation .documentation__list .documentation__spiner svg circle{animation:rotation 50s linear infinite;transform-origin:center}.documentation .documentation__item{display:block;height:14rem;overflow:hidden;position:absolute;transform:translate3d(-50%,-50%,0);transition:all .3s ease;width:18rem}.documentation .documentation__item:nth-child(2){left:14%;top:22%}.documentation .documentation__item:nth-child(3){left:7%;top:60%}.documentation .documentation__item:nth-child(4){left:45%;top:90%}.documentation .documentation__item:nth-child(5){left:74%;top:53%}.documentation .documentation__item:nth-child(6){left:64%;top:13%}.documentation .documentation__item .p4{position:relative;transition:all .3s ease}.documentation .documentation__item .p4:before{background-color:rgb(var(--color-accent));border-radius:0 4px 4px 0;content:"";height:3rem;left:-2rem;position:absolute;top:-.2rem;transition:background-color .3s ease;width:.5rem}.documentation .documentation__item .button,.documentation .documentation__item .p2{max-height:0;opacity:0;transition-delay:.3s;transition:all .3s ease;visibility:hidden}.documentation .documentation__item:hover{background-color:rgb(var(--color-accent));border-radius:14px;color:rgb(var(--color-background));height:26rem;width:32rem;z-index:2}.documentation .documentation__item:hover .p4:before{background-color:rgb(var(--color-background))}.documentation .documentation__item:hover .button,.documentation .documentation__item:hover .p2{max-height:1000px;opacity:1;visibility:visible}.documentation .documentation__item:hover .button,.documentation .documentation__item:hover .documentation__icon svg{color:rgb(var(--color-background))}.documentation .documentation__item:hover .button path:not([fill=currentColor]),.documentation .documentation__item:hover .documentation__icon svg path:not([fill=currentColor]){fill:hsla(0,0%,83%,.6)}.documentation .documentation__spiner path{animation:flashing 50s linear infinite}.documentation .documentation__icon+.documentation__content{margin-top:1rem}}@media screen and (min-width:1280px){.documentation .documentation__inner{grid-gap:12rem}}@media screen and (min-width:1540px){.documentation .documentation__inner{grid-gap:20rem}.documentation .documentation__list{margin-left:10%}.documentation .icon-line{bottom:20%}.documentation .documentation__icon svg{height:5.4rem;width:5.4rem}.documentation .documentation__item{height:18rem;margin:0;width:21rem}.documentation .documentation__item:nth-child(2){left:15%;top:25%}.documentation .documentation__item:nth-child(3){left:5%;top:65%}.documentation .documentation__item:nth-child(4){left:47%;top:87%}.documentation .documentation__item:nth-child(5){left:75%;top:60%}.documentation .documentation__item:nth-child(6){left:65%;top:20%}.documentation .documentation__item:hover{height:28rem;width:36rem}}@keyframes rotation{0%{stroke:rgba(var(--color-text),.25);transform:rotate(0deg)}to{stroke:rgb(var(--color-accent));transform:rotate(359deg)}}@keyframes flashing{0%{fill:rgb(var(--color-text))}to{fill:rgb(var(--color-accent))}}