.library-hero{position:relative;min-height:380px;overflow:hidden;background-image:linear-gradient(90deg,rgb(17 17 17 / 88%) 0%,rgb(17 17 17 / 62%) 38%,rgb(17 17 17 / 22%) 68%,transparent 100%),url(/goit-js-project-cinemania/assets/library-hero-mobile-CBdLeaXE.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.library-hero__container{display:flex;align-items:center;min-height:380px}.library-hero__content{position:relative;z-index:1;max-width:280px}.library-hero__title{margin:0 0 12px;color:#fff;font-size:32px;font-weight:700;line-height:1.18}.library-hero__title-desktop{display:none}.library-hero__title-mobile{display:inline}.library-hero__description{margin:0;color:#f8f8f8;font-size:14px;line-height:1.43}.library{min-height:420px;padding:24px 0 40px;background-color:var(--page-bg);color:var(--text-color)}.library-filter{margin-bottom:24px}.custom-select{position:relative;z-index:5;width:173px}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:10px 14px;border:1px solid var(--muted-color);border-radius:8px;background-color:var(--page-bg);color:var(--text-color);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s ease}.custom-select__trigger:hover,.custom-select__trigger:focus-visible{outline:none;border-color:var(--accent-color)}.custom-select__arrow{width:7px;height:7px;margin-left:12px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.custom-select.is-open .custom-select__arrow{transform:rotate(225deg)}.custom-select__options{position:absolute;top:calc(100% - 1px);left:0;display:none;width:100%;max-height:280px;padding:0;margin:0;overflow-y:auto;border:1px solid var(--muted-color);border-radius:0 0 8px 8px;background-color:var(--page-bg);list-style:none}.custom-select.is-open .custom-select__trigger{border-radius:8px 8px 0 0}.custom-select.is-open .custom-select__options{display:block}.custom-select__options li{padding:10px 14px;border-bottom:1px solid var(--muted-color);color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease}.custom-select__options li:last-child{border-bottom:0}.custom-select__options li:hover,.custom-select__options li:focus-visible,.custom-select__options li.is-selected{outline:none;color:var(--accent-color)}.library-list{display:grid;grid-template-columns:1fr;gap:16px;padding:0;margin:0;list-style:none}.library-no-results{grid-column:1 / -1;padding:48px 0;color:var(--muted-color);font-size:18px;line-height:1.4;text-align:center}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 16px;text-align:center}.library-empty__text{margin:0 0 24px;color:var(--text-color);font-size:20px;line-height:1.5}.library-empty__button,.library-load-more{align-items:center;justify-content:center;min-height:40px;padding:10px 24px;border:0;border-radius:74px;background:linear-gradient(145deg,#ffc226,#f84119);color:#111;font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.library-empty__button{display:inline-flex}.library-load-more{display:flex;width:fit-content;margin:32px auto 0}.library-empty__button:hover,.library-empty__button:focus-visible,.library-load-more:hover,.library-load-more:focus-visible{outline:none;transform:scale(1.04);box-shadow:0 4px 12px #f8411940}.is-hidden{display:none}@media (min-width: 768px){.library-hero{min-height:432px;background-image:linear-gradient(90deg,rgb(17 17 17 / 86%) 0%,rgb(17 17 17 / 56%) 36%,rgb(17 17 17 / 18%) 66%,transparent 100%),url(/goit-js-project-cinemania/assets/library-hero-tablet-DUDzUBcK.webp)}.library-hero__container{min-height:432px}.library-hero__content{max-width:390px}.library-hero__title{margin-bottom:16px;font-size:40px;line-height:1.15}.library-hero__title-desktop{display:inline}.library-hero__title-mobile{display:none}.library-hero__description{font-size:14px;line-height:1.43}.library{padding:32px 0 60px}.custom-select{width:200px}.library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.library-empty{min-height:340px}.library-empty__text{font-size:24px}}@media (min-width: 1280px){.library-hero{min-height:576px;background-image:linear-gradient(90deg,rgb(17 17 17 / 82%) 0%,rgb(17 17 17 / 52%) 32%,rgb(17 17 17 / 18%) 58%,transparent 78%),url(/goit-js-project-cinemania/assets/library-hero-desktop-DmkQ_YNl.webp);background-position:center}.library-hero__container{min-height:576px}.library-hero__content{max-width:470px}.library-hero__title{margin-bottom:20px;font-size:48px;line-height:1.15}.library-hero__description{max-width:470px;font-size:16px;line-height:1.5}.library{padding:40px 0 80px}.custom-select{width:260px}.library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.library-empty{min-height:380px}}