@keyframes ok-anim-rotransform-appear{10%,90%{opacity:1;transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(2turn)}}@keyframes chain-anim-rotransform-disappear{10%,90%{opacity:0;transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(2turn)}}.header{display:flex}.header .bg-effect:after{-webkit-backdrop-filter:blur(4px) brightness(2) contrast(25%) saturate(150%);backdrop-filter:blur(4px) brightness(2) contrast(25%) saturate(150%)}.header .title h1,.header .title h2{font-weight:500;line-height:1}.header .title h3{font-size:1.5rem;line-height:1}.clipboard-animation span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.clipboard-animation .ok,.clipboard-animation .ok.anim{opacity:0}.clipboard-animation .ok.anim{animation:ok-anim-rotransform-appear 5s ease-in-out 1;position:absolute}.clipboard-animation .chain.anim{animation:chain-anim-rotransform-disappear 5s ease-in-out 1}html.dark .header .bg-effect:after{-webkit-backdrop-filter:blur(4px) brightness(.4);backdrop-filter:blur(4px) brightness(.4)}.header .feature-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;width:100%}.header .feature-bg:after{content:"";display:block;height:100%;position:absolute;top:0;width:100%}.header .bg-effect:after{-webkit-backdrop-filter:blur(4px) brightness(1) contrast(45%) saturate(120%);backdrop-filter:blur(4px) brightness(1) contrast(45%) saturate(120%)}.header .unblurred{position:relative;z-index:1}.header .title{text-align:start}.header .title h1{font-size:3rem}.header .title h1,.header .title h2{font-weight:700;line-height:1}.header .title h2{font-size:2rem}.header .title h3{font-size:1.5rem}.header .title h3,.header .title h4{line-height:1}.header .title h4{font-size:1.25rem}
