.slider{height:100vh;position:relative;bottom:124px}@media (max-width:768px){.slider{position:relative;bottom:125px}}.slider .list .item{position:absolute;inset:0 0 0 0;overflow:hidden;opacity:0;transition:.5s}.slider .list .item img,.slider .list .item:after{width:100%;height:100%;object-fit:cover}.slider .list .item:after{content:"";position:absolute;left:0;bottom:0;background-image:linear-gradient(180deg,#888 20%,transparent)}.slider .list .item .content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;z-index:1}.slider .list .item .content p:first-child{text-transform:uppercase;font-size:3.5rem;font-weight:700;color:orange}.slider .list .item .content h2{font-size:3vw;font-weight:700;color:#fff;max-width:50rem;text-align:center}.slider .list .item.active{opacity:1}@keyframes showContent{to{transform:translateY(0);filter:blur(0);opacity:1}}.slider .list .item.active h2,.slider .list .item.active p:first-child,.slider .list .item.active p:nth-child(3){transform:translateY(30px);filter:blur(20px);opacity:0;animation:showContent .5s ease-in-out .7s 1 forwards}.slider .list .item.active h2{animation-delay:1s}.slider .list .item.active p:nth-child(3){animation-duration:1.3s;font-size:15px;color:#eee;margin-top:5px}.arrows{position:absolute;bottom:0;display:flex;width:100%;justify-content:center;align-items:center;gap:20px;z-index:40}.arrows button{border:none;font-family:monospace;width:40px;height:40px;border-radius:5px;font-size:x-large;color:#eee;transition:.5s}.arrows button:hover{background-color:#eee;color:#000}.thumbnail{position:absolute;bottom:50px;display:flex;gap:10px;width:100%;height:250px;padding:0 50px;box-sizing:border-box;overflow:auto;justify-content:center;visibility:hidden}.thumbnail::-webkit-scrollbar{width:0}.thumbnail .item{width:150px;height:220px;filter:brightness(.5);transition:.5s;flex-shrink:0}.thumbnail .item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.thumbnail .item.active{filter:brightness(1.5)}.thumbnail .item .content{position:absolute;inset:auto 10px 10px 10px}@media screen and (max-width:678px){.thumbnail{justify-content:start}.slider .list .item .content h2{font-size:20px}.arrows{bottom:10%}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}