.search-form{gap:10px;width:100%;max-width:600px;height:50px;margin:0 auto 80px;display:flex}.search-form__select{color:#fff;border:1px solid var(--gray-0);outline-color:var(--gold-0);width:120px;height:100%;padding:0 15px;display:block}.search-form__select option{background:#0e0d0a}.search-form__input-wrap{width:calc(100% - 130px);height:100%;position:relative}.search-form__input{border:1px solid var(--gray-0);color:#fff;outline:none;width:100%;height:100%;padding:0 90px 0 1em;font-size:16px;display:block}.search-form__input:focus{border-color:var(--gold-0)}.search-form__button{color:#fff;background:var(--gray-0);cursor:pointer;width:80px;height:48px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.search-list{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.search-list__item{aspect-ratio:438/657;background:50%/cover no-repeat;flex-direction:column;justify-content:flex-end;width:100%;padding:1.25rem;display:flex;position:relative}.search-list__item:after{content:"";background:linear-gradient(#0000 0%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.search-list__genre{color:#e2ddd7;word-break:keep-all;z-index:1;align-items:flex-start;gap:.7em;margin-bottom:.5em;font-size:16px;display:flex;position:relative}.search-list__genre span{color:var(--gold-0);font-size:1.25em;font-weight:700;line-height:1.2}.search-list__name{color:#fff;word-break:keep-all;z-index:1;font-size:30px;position:relative}.search-count{color:#fff;margin-bottom:40px;font-size:18px}.search-count strong{color:var(--gold-0)}@media screen and (max-width:1080px){.search-list{grid-template-columns:repeat(3,1fr)}.search-list__genre{font-size:14px}.search-list__name{font-size:24px}}@media screen and (max-width:768px){.search-list{grid-template-columns:repeat(2,1fr)}.search-form{height:43px;margin-bottom:8.5%}.search-form__select{width:100px;font-size:14px}.search-form__input-wrap{width:calc(100% - 110px)}.search-form__input{padding:0 70px 0 1em;font-size:16px}.search-form__button{width:60px;height:42px;font-size:14px}.search-count{margin-bottom:25px;font-size:16px}}@media screen and (max-width:640px){.search-list{gap:6px}.search-list__item{padding:15px}.search-list__genre{flex-direction:column;gap:2px;font-size:12px}.search-list__name{font-size:20px}.paging{font-size:14px}}@media screen and (max-width:480px){.search-form__select{width:80px;padding:0 10px;font-size:12px}.search-form__input-wrap{width:calc(100% - 90px)}.search-form__input{padding-left:10px}.search-form__input::placeholder{font-size:12px}.search-list__item{padding:10px}.search-list__genre{font-size:11px}.search-list__name{font-size:16px}.search-count{margin-bottom:20px;font-size:14px}}