.template-jobs{margin-bottom:60px}@media screen and (min-width: 750px){.template-jobs{margin-bottom:80px}}.template-jobs__header{padding-block:60px;text-align:center}@media screen and (min-width: 750px){.template-jobs__header{padding-block:80px}}.template-jobs__title{background:-webkit-linear-gradient(#fd8eff,#5453f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:30px;font-weight:600;letter-spacing:-.017em;font-family:Outfit;margin:0}@media screen and (min-width: 601px){.template-jobs__title{font-size:47px}}.template-jobs__text{margin-block:20px 0}.template-jobs__content-grid{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 750px){.template-jobs__content-grid{flex-direction:row}}.template-jobs__sidebar{width:100%}@media screen and (min-width: 750px){.template-jobs__sidebar{width:30%}}@media screen and (min-width: 990px){.template-jobs__sidebar{width:25%}}.blog-filters__items{display:flex;flex-direction:column;gap:20px}.blog-filters__item{position:relative;overflow:hidden;background-color:#fff;border-radius:10px;padding:20px;border:1px solid #eee;transition:box-shadow .3s}.blog-filters__item:hover{box-shadow:0 8px 20px #0000001a}.blog-filters__item-summary{display:flex;align-items:center;justify-content:space-between;gap:40px}.blog-filters__item-summary svg{width:14px;height:8px}.blog-filters__item-details[open] .blog-filters__item-summary svg{transform:rotate(180deg)}.blog-filters__item-content{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding-block-start:20px}.blog-filters__item-title{font-family:Outfit,sans-serif;display:flex;gap:10px;align-items:center;text-decoration:none;font-size:16px;font-weight:600;line-height:1.5;transition:transform .3s ease;color:inherit;padding:0;margin:0}.blog-filters__clear{font-weight:500;display:inline-block;transition:color .3s ease;margin-block-start:15px;font-size:14px;color:#2c2d3a;text-decoration:none}@media (hover: hover){.blog-filters__clear:hover{color:#324df7}}.template-jobs__items-count{margin:0;font-weight:600;font-size:18px;font-family:Outfit;opacity:0;transform:translateY(20px);animation:fadeSlideUp .6s ease-out forwards;animation-delay:.2s}@media screen and (min-width: 750px){.template-jobs__items-count{grid-column:span 2}}@media screen and (min-width: 990px){.template-jobs__items-count{grid-column:span 3}}.template-jobs__items-count .filter-value{color:#324df7}.template-jobs__items{display:flex;flex-direction:column;gap:20px;width:100%}@media screen and (min-width: 750px){.template-jobs__items{width:70%}}@media screen and (min-width: 990px){.template-jobs__items{width:75%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-up{opacity:0;animation:fadeSlideUp .6s ease-out forwards}.radio-pill input[type=radio]{position:absolute;opacity:0;pointer-events:none}.radio-pill span{display:inline-block;padding:8px 16px;border-radius:10px;border:1px solid rgba(44,45,58,.2);background-color:#fff;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.radio-pill:hover span{border-color:#5453f5}.radio-pill input[type=radio]:checked+span{background-color:#5453f5;border-color:#5453f5;color:#fff;box-shadow:0 2px 6px #7a68924d}.radio-pill input[type=radio]:focus+span{outline:3px solid rgba(172,141,235,.5);outline-offset:2px}.filters-drawer{display:block;border:none;padding:0;width:100%;max-width:500px;height:100%;max-height:100%;inset:0 0 0 auto;background:#fff;overflow-y:auto;transform:translate(100%);transition:transform .3s ease,opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;position:fixed}.filters-drawer[open]{transform:translate(0);opacity:1;visibility:visible}.filters-drawer::backdrop{background:#00000080}.filters-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.filters-drawer__header h2{margin:0;font-family:Outfit;font-size:20px;font-weight:600}.filters-drawer__body{padding:16px}.filters-close{background:none;border:none;font-size:28px;cursor:pointer;line-height:1;color:#333}.filters-toggle{border:none;margin-block-end:20px;width:100%;min-height:50px;padding-inline:20px;font-size:14px}@media (min-width: 768px){.filters-toggle{display:none}}@media (max-width: 767px){.desktop-filters{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/template-jobs.css.map */