.search__input{border:0;-webkit-appearance:none;border-radius:0;background:transparent}.btn,.search__input:focus,a{outline:none}.btn,a{text-decoration:none;color:#d17c78}.hidden{height:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.icon{height:1.5em;fill:currentColor;margin:0 auto;width:1.5em;display:block}.codrops-header{padding:2.5em 2.75em 2.5em 1.5em;flex-wrap:wrap;flex-direction:row;text-align:left;align-items:center;width:100%;display:flex}.codrops-header__title{padding:0 .75em;font-size:1em;margin:0}.codrops-header__side,.search-wrap{margin:0 0 0 auto}.bottom-nav{padding:2.5em 2.75em 2.5em 2em;position:relative;margin:auto 0 0;width:100%}.codrops-demos{padding:1.25em 0;font-weight:700;-webkit-touch-callout:none;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.codrops-demos span{margin:0 1em 0 0;vertical-align:bottom;display:inline-block}.codrops-demos a{padding:0 .4em;position:relative;margin:0 .1em;display:inline-block}.codrops-demos a.current-demo:before{height:2.25em;border:2px solid;content:"";position:absolute;top:50%;margin:-1.125em 0 0 -1.125em;border-radius:50%;left:50%;width:2.25em}.codrops-links{justify-content:center;position:relative;text-align:center;white-space:nowrap;display:flex}.codrops-links:after{height:70%;transform:rotate(22.5deg);content:"";position:absolute;opacity:.1;top:15%;background:currentColor;left:50%;width:2px}.codrops-icon{padding:.5em;margin:.5em;display:inline-block}.decolines{height:100vh;pointer-events:none;position:fixed;top:0;left:0;width:100%}.decoline{height:100%;position:absolute;background:#ddd;width:1px}.decoline:first-child{right:88em}.decoline:nth-child(2){right:68em}.decoline:nth-child(3){right:48em}.decoline:nth-child(4){right:28em}.decoline:nth-child(5){right:8em}.demo-2{color:#ffefb9}.demo-2 main{background-color:#2c312e}.demo-2 .btn,.demo-2 a{color:#e85454}.demo-2 .codrops-header{margin-top:auto}.demo-3{color:#ffefb9;background-color:#2f2c2c}.demo-3 main{background-color:#e85454;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_2.svg)}.demo-3 .btn,.demo-3 a{color:#ffefb9}.demo-3 .btn--search-close{color:#e85454}.demo-4{color:#f44040;background-color:#f44040}.demo-4 main{background-color:#fff59a;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_4.svg)}.demo-4 .btn,.demo-4 a{color:#a4a186}.demo-4 .btn--search-close{color:#ab3a3a}.demo-5{color:#cecae0;background-color:#7d7d7d}.demo-5 main{background-color:transparent;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_2.svg)}.demo-5 .btn,.demo-5 a{color:#eaba82}.demo-6{color:#ff4848}.demo-6 main{background-color:#fff;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_5.svg)}.demo-6 .btn,.demo-6 a{color:#000}.demo-7{color:#6cbb37}.demo-7 main{background-size:1440px;background-color:#f5f5f5;background-position:100% 0;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_7.svg)}.demo-7 .btn,.demo-7 a{color:#000}.demo-8{color:#cecae0;background-color:#5562eb}.demo-8 main{background-color:transparent;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_8.svg)}.demo-8 .btn,.demo-8 a{color:#eaba82}.demo-9{color:#2d3535;background-color:#597571}.demo-9 main{background-color:transparent;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_6.svg)}.demo-9 .btn,.demo-9 a{color:#22d2d2}.demo-9 .btn--search-close{color:#dce6e6}.demo-10{color:#5c32f2;background-color:#c4d5e0}.demo-10 main{background-color:#fff;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_12.svg)}.demo-10 .btn,.demo-10 a{color:#000}.demo-10 .btn--search-close{color:#5c32f2}.demo-11{color:#fff;background-color:#212423}.demo-11 main{background-color:transparent;background-image:url(https://lubevadne.makeup/tema/genel/assets/img/bg_9.svg)}.demo-11 .btn,.demo-11 a{color:#34fc47}@media screen and (max-width:40em){.codrops-header{padding:4em 1em 0;text-align:center;display:block}.codrops-header__side{margin:0 auto}.codrops-links{font-size:.85em;margin:0 auto}.search-wrap{font-size:.85em;right:2em;position:absolute;top:2.15em}.bottom-nav{padding:.5em}.codrops-demos{text-align:center}.codrops-demos a{margin-bottom:1em}.codrops-demos span{text-align:center;margin:0 auto 1em;display:block}}.search{height:100vh;justify-content:center;position:fixed;flex-direction:column;text-align:center;top:0;align-items:center;left:0;width:100%;display:flex;z-index:1000}.search:before{height:100%;right:0;content:"";position:absolute;top:0;background:rgba(0,0,0,.8);width:100%}.btn--search-close{font-size:2em;right:1.25em;position:absolute;top:1.25em;display:none;display:block}.search__form{margin:5em 0}.search__input{padding:.05em 0;font-size:10vw;color:#eaba82;border-bottom:5px solid;box-sizing:border-box;width:75%;line-height:1;font-family:inherit;display:inline-block}.search__input::-webkit-input-placeholder{color:#4a319e}.search__input::-moz-placeholder{color:#4a319e;opacity:1}.search__input:-ms-input-placeholder{color:#4a319e}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none}.search__input::-ms-clear{display:none}.search__info{padding:.85em 0;font-size:90%;font-weight:700;color:#eaba82;text-align:right;margin:0 auto;width:75%;display:block}.search__related{pointer-events:none;text-align:left;width:75%;display:flex}.search__suggestion{width:50%}.search__suggestion:first-child{padding:0 2em 0 0}.search__suggestion:last-child{padding:0 0 0 2em}.search__suggestion h3{font-size:1.35em;margin:0}.search__suggestion h3:before{padding:0 .5em 0 0;content:"\21FE";display:inline-block}.search__suggestion p{font-size:1.15em;margin:.75em 0 0;line-height:1.4}.main-wrap{transition:transform .5s;position:relative}.main-wrap--move{transform:scale3d(.9,.9,1)}.main-wrap--move .btn--search{pointer-events:none;opacity:0}.search{pointer-events:none}.search--open{pointer-events:auto}.search:before{transition:opacity .5s;opacity:0}.search--open:before{opacity:1}.btn--search-close{transition:opacity .5s;opacity:0}.search--open .btn--search-close{opacity:1}.search__info,.search__suggestion{transform:translate3d(0,50px,0);transition:opacity .4s,transform .4s;opacity:0}.search--open .search__info,.search--open .search__suggestion{transform:translateZ(0);opacity:1}.search--open .search__suggestion:first-child{transition-delay:.15s}.search--open .search__suggestion:nth-child(2){transition-delay:.2s}.search__input{transform:scaleX(0);transition:transform .3s;transform-origin:0 50%}.search--open .search__input{transform:scaleX(1);transition-duration:.5s}@media screen and (max-width:40em){.btn--search-close{font-size:1.25em}.search__suggestion{font-size:80%;width:100%}.search__suggestion:nth-child(2),.search__suggestion:nth-child(3){display:none}}