.resources-page{padding:20px 0}@media only screen and (min-width:768px){.resources-page{padding-block:20px}}.resources-list-topbar{background:#0c7fd6;color:#fff!important;margin:0;padding:8px 20px}.resources-heading{margin-bottom:20px}.resources-list{list-style:none;margin:0!important;padding:0;max-height:800px;overflow-y:auto;background:#fff;border:1px solid #e5e5e5}#no-resources{height:200px;display:flex;align-items:center;justify-content:center}#no-resources[hidden]{display:none}input#resources-filter-search::placeholder{color:#0c1c41}.resource-item{display:flex;gap:20px;border-bottom:1px solid #f0f0f0;padding:20px;background:#fff}.resource-item[hidden]{display:none}.resource-item:hover{background:#f9f9f9}.resource-item_image{width:80px;min-width:80px;height:106px;object-fit:cover}.resource-item_details{display:flex;flex-direction:column;justify-content:space-between;flex:1}.resource-item_details_title{margin:0 0 10px;font-size:1rem!important;font-weight:400;margin-top:0!important}.resource-item_details .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;text-decoration:none!important;background:#0c7fd6!important;color:#fff;border:1px solid rgb(12,127,214);width:auto;max-width:120px;border-radius:var(--buttonRadius)}.resource-item_details .button:hover:before{display:none}#resources-filter-category,#resources-filter-search{height:50px}.resources-filter-form{display:flex;margin-bottom:30px;flex-direction:column;gap:15px;padding:20px;background:#f8f8f8;border:1px solid #e5e5e5}.resources-filter-form .form-field{margin-top:0}.resources-filter-form .form-field select,.resources-filter-form .form-field input{width:100%;padding:10px 12px;border:1px solid #ccc;line-height:var(--font-body-line-height);height:100%}#resources-filter-search::placeholder{opacity:.7}.resources-filter-form .form-buttons{display:flex;gap:10px;min-width:200px}.resources-filter-form .button{flex:1;padding:12px 20px;text-align:center;cursor:pointer;text-decoration:none}.resources-filter-form .button--primary,.resources-filter-form .button--secondary{min-height:unset}@media(min-width:550px){.resources-filter-form{flex-direction:row}.resources-filter-form .form-field{flex:1}.resources-filter-form .form-buttons{flex:0 0 auto;max-width:240px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-resources-library.css.map */
