.shadow__input--variant{filter:blur(25px);border-radius:30px;background-color:#f3fff9;opacity:.5}.input__button__shadow--variant{border-radius:5px;background-color:#2d708e;color:#fff;padding:10px;border:none;font-weight:700}.input__button__shadow--variant:hover{background-color:#04638f}.input__search--variant{align-items:center;outline:none;border:none;font-size:1em;color:#002019;background-color:transparent}.input__search--variant::-moz-placeholder{color:#002019;opacity:.3}.input__search--variant::placeholder{color:#002019;opacity:.3}.input__container--variant{background:#fff;padding:1.8em}.typewriter{--blue:#5cbbff;--blue-dark:#162d72;--key:#fff;--paper:#eef0fd;--text:#00000049;--tool:#fb0;--duration:3s;position:relative;animation:bounce05 var(--duration) linear infinite}.typewriter .slide{width:138px;height:30px;border-radius:4.5px;margin-left:21px;transform:translateX(21px);background:linear-gradient(var(--blue),var(--blue-dark));animation:slide05 var(--duration) ease infinite}.typewriter .slide i:before,.typewriter .slide:after,.typewriter .slide:before{content:"";position:absolute;background:var(--tool)}.typewriter .slide:before{width:3px;height:12px;top:9px;left:100%}.typewriter .slide:after{left:141px;top:4.5px;height:21px;width:9px;border-radius:4.5px}.typewriter .slide i{display:block;position:absolute;right:100%;width:9px;height:6px;top:6px;background:var(--tool)}.typewriter .slide i:before{right:100%;top:-3px;width:6px;border-radius:3px;height:21px}.typewriter .paper{position:absolute;left:36px;top:-39px;width:60px;height:69px;border-radius:7.5px;background:var(--paper);transform:translateY(69px);animation:paper05 var(--duration) linear infinite}.typewriter .paper:before{content:"";position:absolute;left:9px;right:9px;top:10.5px;border-radius:3px;height:6px;transform:scaleY(.8);background:var(--text);box-shadow:0 18px 0 var(--text),0 36px 0 var(--text),0 54px 0 var(--text)}.typewriter .keyboard{width:180px;height:84px;margin-top:-15px;z-index:1;position:relative}.typewriter .keyboard:after,.typewriter .keyboard:before{content:"";position:absolute}.typewriter .keyboard:before{top:0;left:0;right:0;bottom:0;border-radius:10.5px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));transform:perspective(10px) rotateX(2deg);transform-origin:50% 100%}.typewriter .keyboard:after{left:3px;top:37.5px;width:16.5px;height:6px;border-radius:3px;box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key);animation:keyboard05 var(--duration) linear infinite}@keyframes bounce05{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-6px)}95%{transform:translateY(3px)}}@keyframes slide05{5%{transform:translateX(21px)}15%,30%{transform:translateX(9px)}40%,55%{transform:translateX(0)}65%,70%{transform:translateX(-6px)}80%,89%{transform:translateX(-18px)}to{transform:translateX(21px)}}@keyframes paper05{5%{transform:translateY(69px)}20%,30%{transform:translateY(51px)}40%,55%{transform:translateY(33px)}65%,70%{transform:translateY(15px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(69px)}}@keyframes keyboard05{12%,21%,30%,39%,48%,5%,57%,66%,75%,84%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}9%{box-shadow:22.5px 3px 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}18%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 3px 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}27%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 18px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}36%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 18px 0 var(--key),90px 18px 0 var(--key),102px 18px 0 var(--key),124.5px 15px 0 var(--key)}45%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 3px 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}54%{box-shadow:22.5px 0 0 var(--key),45px 3px 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}63%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 18px 0 var(--key)}72%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 3px 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 15px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}81%{box-shadow:22.5px 0 0 var(--key),45px 0 0 var(--key),67.5px 0 0 var(--key),90px 0 0 var(--key),112.5px 0 0 var(--key),135px 0 0 var(--key),33px 15px 0 var(--key),55.5px 18px 0 var(--key),78px 15px 0 var(--key),90px 15px 0 var(--key),102px 15px 0 var(--key),124.5px 15px 0 var(--key)}}.swiper{margin:0 10px}.swiper-slide{display:flex;align-items:center;justify-content:center;border-radius:18px}.swiper-pagination-bullet{background:#007bff;width:12px;height:12px;opacity:1;border-radius:50%;transition:background .3s ease}.swiper-pagination-bullet-active{background:#0056b3}.swiper-button-next,.swiper-button-prev{color:#007bff;width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.8);box-shadow:0 2px 4px rgba(0,0,0,.2);transition:background .3s ease,transform .3s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:#fff;transform:scale(1.1)}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px}