.ds_lib_wrapper .it_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.ds_lib_wrapper .it_inner .it_img,.ds_lib_wrapper .it_inner .it_img:after{background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ds_lib_wrapper .content-card{padding:0 20px;width:33.33%}.ds_lib_wrapper .it_inner .it_img:after{background-color:rgba(42,48,53,.5);border-radius:3px;bottom:0;content:"";height:416px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.ds_lib_wrapper .it_body{position:relative;text-align:center;width:100%;z-index:3}.ds_lib_wrapper .it_body>*{color:#fff}.ds_lib_wrapper .nav_tags span{background:#fff;border:1px solid #006add;border-radius:30px;color:#006add;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin:0 5px;min-width:110px;padding:10px 25px;text-align:center;text-transform:uppercase;transition:.3s ease-in-out}.ds_lib_wrapper .nav_tags span.active,.ds_lib_wrapper .nav_tags span:hover{background:#4533ee;border:1px solid #4533ee;color:#fff}.ds_lib_wrapper .nav_tags{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.ds_lib_nav_wrapper .ds_lib_nav_bottom{display:none}.ds_lib_nav_wrapper:has(.types.active) .ds_lib_nav_bottom{display:flex}.ds_lib_wrapper .it_inner a{height:100%;left:0;position:absolute;right:0;width:100%;z-index:2}.ds_lib_wrapper{padding-top:70px}.ds_lib_wrapper .ds_lib_nav_top.nav_tags{margin:0;padding-bottom:50px}.ds_lib_wrapper .ds_lib_nav_top.nav_tags span{box-shadow:3px 4px 6px -1px hsla(0,0%,4%,.1),0 2px 4px -10px hsla(0,0%,4%,.06);margin:0 35px}.ds_lib_wrapper .ds_lib_list_wrap .content-card{cursor:pointer;flex:0 0 auto;margin-bottom:20px;max-width:50%;overflow:visible;padding-left:78px;padding-right:0;width:50%}.ds_lib_wrapper .ds_lib_list_wrap .ds_lib_rows.row{margin-left:-78px!important;padding-bottom:78px;row-gap:74px}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_inner{display:block}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_inner .it_img{border-radius:3px;box-shadow:7px 7px 24px 0 rgba(0,0,0,.1);height:416px;position:static!important}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_body{font-size:20px;font-weight:400;line-height:1.2;padding-bottom:20px;padding-top:30px}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_body h3{color:#2a3035;font-size:20px;font-weight:400;line-height:1.2;margin:0}.ds_lib_wrapper .ds_lib_list_wrap .content-card:hover .it_img:after{opacity:1}.ds_lib_wrapper .container{max-width:1320px}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_inner .it_img{align-items:center;display:flex;flex-direction:column;justify-content:center}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_inner .it_img h2.design-library_title{color:#fff;font-size:24px;font-weight:600;left:50%;line-height:30px;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;z-index:2}.ds_lib_wrapper .ds_lib_list_wrap .content-card:hover .it_inner .it_img h2.design-library_title{opacity:1}.ds_lib_wrapper .nav_tags span{box-shadow:3px 4px 6px -1px hsla(0,0%,4%,.1),0 2px 4px -10px hsla(0,0%,4%,.06);margin:0 35px}.ds_lib_wrapper .nav_tags .subnav__inner{padding-bottom:35px}.ds_lib_wrapper .tags.loading,.ds_lib_wrapper .types.loading{opacity:.6;pointer-events:none;position:relative}.ds_lib_wrapper .tags.loading:after,.ds_lib_wrapper .types.loading:after{animation:spin .7s linear infinite;border:2px solid #999;border-radius:50%;border-top-color:transparent;content:"";height:14px;left:50%;margin-top:-7px;position:absolute;top:50%;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.ds_lib_wrapper .ds_lib_list_wrap .content-card{max-width:100%;width:100%}.ds_lib_wrapper .ds_lib_nav_top.nav_tags span{text-align:center;width:138px}.ds_lib_wrapper .ds_lib_nav_top.nav_tags{flex-direction:column;flex-wrap:wrap;gap:14px}.ds_lib_wrapper .ds_lib_list_wrap .content-card .it_inner .it_img{height:272px}.ds_lib_wrapper .ds_lib_list_wrap .ds_lib_rows.row{row-gap:0}.ds_lib_wrapper .it_inner .it_img:after{height:272px}.ds_lib_wrapper .nav_tags .subnav__inner{display:flex;flex-direction:column;gap:14px}}