search>form{display:flex;position:relative}search>form>input{width:calc(100% - 180px);border-radius:var(--radius-base) 0 0 var(--radius-base)}search>form>.clear{display:flex;text-align:center;cursor:pointer;width:40px;background-color:var(--dark-white-mixed);margin-right:10px;border-radius:0 var(--radius-base) var(--radius-base) 0}search>form>.clear:after{content:"";background-image:url(../img/icons/close.svg);display:block;height:15px;width:15px;background-size:15px 15px;background-repeat:no-repeat;margin:auto 10px}search>form>input:invalid+.clear:after{display:none}search>form>button{width:140px;height:37.5px}main>.search-buttons{display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding-top:10px}main>.search-buttons>.btn{padding:5px 10px;position:relative}main>.filter{display:flex;flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;padding-top:40px;gap:15px}main>.filter>h2{width:100%}main>.filter>div{display:flex;flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}main>.filter>div>.btn{padding:5px 10px;position:relative}.no-result{display:flex;flex-flow:column;align-items:center;-webkit-align-items:center;gap:40px;padding:20px 0}.no-result>span{color:var(--text);font-size:var(--font-size-3xl);font-weight:700;text-transform:uppercase}.pagination{display:flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;gap:5px;flex-wrap:wrap}.pagination.top{padding-bottom:30px}.pagination.bottom{padding-top:50px}.pagination>.btn{height:30px;min-width:35px;padding:0 10px}.pagination>.active{background-color:var(--dark-white-mixed);cursor:default}.pagination>a:hover:not(.active){background-color:var(--color)}main>.info-text{padding-top:70px;color:var(--third-text)}.more-filter{max-width:100%;flex-direction:column;padding:40px;gap:30px;height:fit-content}.more-filter>.col{display:flex;flex-direction:column;gap:10px}.more-filter>.col>.tags{display:flex;flex-wrap:wrap;gap:3px}.more-filter>.col>.tags>.btn{padding:5px 10px}.more-filter>.col>.category{margin:0;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--font-size-lg)}.recommended{display:flex;flex-wrap:wrap;padding:15px;margin:20px 0;align-items:center;background-color:var(--dark-white-mixed);border-radius:var(--radius-lg);position:relative;text-align:center;gap:10px}.recommended>.info{display:flex;width:calc(100% - 30px);justify-content:center}.recommended>.info>p{color:var(--text)}.recommended>.info>p>a{color:var(--color)}.recommended>.info>p>a:hover{color:var(--hover-color)}.recommended>.close{display:flex;width:20px;justify-content:center;align-items:center}.close>#closeRecommended{font-size:28px;font-weight:700;color:var(--third-text);transition:color var(--default-time);background-color:transparent;cursor:pointer;margin-top:-4px}.close>#closeRecommended:hover{color:var(--text);transition:color var(--default-time)}