@import "https://fonts.googleapis.com/css?family=Inconsolata:700";
.searchHost{width:100%;position:relative}.buttonStyle{width:300px;height:100px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.buttonStyle .search{z-index:4;background:#f09b55;border-radius:50%;width:80px;height:80px;margin:auto;transition:all 1s;position:absolute;inset:0;box-shadow:0 0 25px #f09b5566}.buttonStyle .search:hover{cursor:pointer}.buttonStyle .search:before{content:"";background:#fff;width:12px;height:2px;margin:auto;transition:all .5s;position:absolute;inset:22px 0 0 22px;transform:rotate(45deg)}.buttonStyle .search:after{content:"";border:2px solid #fff;border-radius:50%;width:25px;height:25px;margin:auto;transition:all .5s;position:absolute;inset:-5px 0 0 -5px}.buttonStyle input{color:#fff;text-shadow:0 0 10px #f09b55;background:#f09b55;border:none;border-radius:30px;outline:none;width:50px;height:50px;margin:auto;padding:0 80px 0 20px;font-family:Inconsolata,monospace;position:absolute;inset:0;box-shadow:0 0 25px #f09b55,0 20px 25px #f09b5533}.buttonStyle input .buttonStyle .search:hover,.buttonStyle input .buttonStyle input:focus{background:#e88a36;box-shadow:0 0 35px #f09b5599}.buttonStyle input{opacity:0;z-index:5;letter-spacing:.1em;font-weight:bolder;transition:all 1s}.buttonStyle input:hover{cursor:pointer}.buttonStyle input:focus{opacity:1;cursor:text;width:300px}.buttonStyle input:focus~.search{z-index:6;background:#151515;right:-250px}.buttonStyle input:focus~.search:before{width:25px;top:0;left:0}.buttonStyle input:focus~.search:after{background:#fff;border:none;border-radius:0%;width:25px;height:2px;top:0;left:0;transform:rotate(-45deg)}.buttonStyle input::placeholder{color:#fff;opacity:.5;font-weight:bolder}
.carousel3d{perspective:1200px;position:relative;overflow:hidden}.carousel3d__stage{width:100%;height:100%;transform-style:preserve-3d;position:relative}.carousel3d__slide{object-fit:cover;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;pointer-events:none;filter:blur(2px)saturate(.9);margin:auto;transition:transform .45s,opacity .45s,filter .45s;position:absolute;inset:0}.carousel3d__slide.is-center{opacity:1;z-index:5;pointer-events:auto;filter:none;transform:translateZ(120px)scale(1)}.carousel3d__slide.is-left{opacity:.85;z-index:4;filter:blur(.5px)saturate(.95);transform:translate(-18%)rotateY(28deg)translateZ(0)scale(.92)}.carousel3d__slide.is-right{opacity:.85;z-index:4;filter:blur(.5px)saturate(.95);transform:translate(18%)rotateY(-28deg)translateZ(0)scale(.92)}.carousel3d__slide.is-far-left{opacity:.35;z-index:3;transform:translate(-34%)rotateY(45deg)translateZ(-120px)scale(.82)}.carousel3d__slide.is-far-right{opacity:.35;z-index:3;transform:translate(34%)rotateY(-45deg)translateZ(-120px)scale(.82)}.carousel3d__slide.is-hidden{opacity:0;z-index:1;transform:translateZ(-240px)scale(.75)}.carousel3d__btn{cursor:pointer;z-index:10;background:#ffffffbf;border:0;border-radius:8px;padding:8px 10px;position:absolute;top:50%;transform:translateY(-50%)}.carousel3d__btn--left{left:12px}.carousel3d__btn--right{right:12px}