@layer components-shared{.logo{display:flex;align-items:center;justify-content:center;max-width:100%;height:100dvh;margin-inline:auto;-moz-column-gap:8px;column-gap:8px;cursor:pointer;transition:height .6s ease,width .6s ease,padding .6s ease;will-change:padding}.logo,.logo.menu-visible{padding:12px}@media screen and (max-width:1919px){.logo.menu-visible{padding:10px}}@media screen and (max-width:1439px){.logo.menu-visible{padding:6px}}@media screen and (max-width:1023px){.logo.menu-visible{padding:10px 10px 0}}@media screen and (max-width:767px){.logo.menu-visible{padding:10px 10px 0}}.logo__item{position:relative;overflow:hidden;width:100%;height:100%;transition:width .4s cubic-bezier(.68,0,.265,1);animation-duration:.8s;animation-timing-function:cubic-bezier(.68,0,.265,1);animation-delay:.25s;background:rgba(0,0,0,0);animation-fill-mode:forwards;will-change:clip-path,transform}.logo__item.active{width:150%!important}.logo__item:before{position:absolute;content:"";transform:translateY(-100%);animation:fill-down .5s ease forwards;animation-delay:.5s;background:var(--element-logo);inset:0}.logo__item:first-child{animation-name:reveal-shape-1;animation-delay:.8s}@keyframes reveal-shape-1{0%{clip-path:polygon(100.54% 0,100.27% 100.1%,0 100.1%,0 50.11%,0 0)}to{clip-path:polygon(100.54% 0,100.27% 100.1%,0 100.1%,23.99% 50.05%,0 0)}}.logo__item:nth-child(2){animation-name:reveal-shape-2;animation-delay:.8s}@keyframes reveal-shape-2{0%{clip-path:polygon(100.81% 0,100.54% 100.21%,0 100.21%,0 59.23%,0 0)}to{clip-path:polygon(101.08% 0,100.81% 100.31%,0 100.31%,0 59.29%,65.77% 0)}}.logo__item:nth-child(3){animation-name:reveal-shape-3;animation-delay:.8s}@keyframes reveal-shape-3{0%{clip-path:polygon(100% 40.13%,100% 100%,0 100.41%,0 0,100% 0)}to{clip-path:polygon(100% 40.13%,33.42% 100%,0 100.41%,0 0,100% 0)}}.logo__item:nth-child(4){animation-name:reveal-shape-4;animation-delay:.8s}@keyframes reveal-shape-4{0%{clip-path:polygon(100% 100%,0 100%,0 0,100% 0,100% 59.79%)}to{clip-path:polygon(100% 100%,0 100%,0 0,33.69% 0,100% 59.79%)}}.logo__item:nth-child(5){animation-name:reveal-shape-5;animation-delay:.8s}@keyframes reveal-shape-5{0%{clip-path:polygon(100.27% 100.1%,0 100.1%,0 59.86%,0 0,100% 0,100.27% 59.86%)}to{clip-path:polygon(100% 100%,0 100%,0 59.79%,33.33% 0,66.4% 0,100% 59.79%)}}@keyframes fill-down{to{transform:translateY(0)}}.logo.template_main{width:100vw;height:calc(100vh - 80px);margin-right:auto;margin-left:0;transition:width .6s ease,padding .6s ease,height .6s ease .6s}.logo.template_main .logo__item{width:100%;height:100%}.logo.template_main .logo__item:hover{width:150%}.logo.template_main .logo__item.active{width:100%!important}@media screen and (max-width:1919px){.logo.template_main{height:calc(100vh - 70px)}}@media screen and (max-width:1439px){.logo.template_main{height:calc(100vh - 40px)}}@media screen and (max-width:1023px){.logo.template_main{height:calc(100dvh - var(--navigation-menu-height))}}@media screen and (max-width:767px){.logo.template_main{height:calc(100dvh - var(--navigation-menu-height))}}.logo.template_left,.logo.template_top,.logo.template_top-left{width:calc(50vw - 40px);height:50vh;margin-right:auto;margin-left:0}.logo.template_left .logo__item,.logo.template_top .logo__item,.logo.template_top-left .logo__item{width:100%;height:100%}.logo.template_top-left{height:calc(50vh - 40px);padding-bottom:12px;transition:width .6s ease,padding .6s ease,height .6s ease .6s}@media screen and (max-width:1919px){.logo.template_top-left{height:calc(50vh - 70px)}}@media screen and (max-width:1439px){.logo.template_top-left{height:calc(50vh - 160px)}}.logo.template_left,.logo.template_top-left{position:sticky;top:0}@media screen and (max-width:1023px){.logo.template_left,.logo.template_top-left{position:static;width:100%;max-height:250px}}.logo.template_left{height:calc(100vh - 80px);transition:width .6s ease,height .6s ease .6s}@media screen and (max-width:1919px){.logo.template_left{height:calc(100vh - 70px)}}@media screen and (max-width:1439px){.logo.template_left{height:calc(100vh - 40px)}}.logo.template_top{width:100vw;height:calc(36vh - 32px);transition:width .6s ease,height .6s ease .6s}@media screen and (max-width:1919px){.logo.template_top{height:calc(40vh - 61px)}}@media screen and (max-width:1439px){.logo.template_top{height:calc(50vh - 155px)}}@media screen and (max-width:1023px){.logo.template_top{max-height:250px}}@media screen and (max-width:767px){.logo{-moz-column-gap:4px;column-gap:4px}}}