.professionals-controls{display:flex;flex-direction:column;gap:var(--professionals-gap)}.professionals-search{background-color:#fff;position:relative;width:100%}@media only screen and (min-width: 992px){.professionals-search{align-self:flex-end;max-width:400px}}.professionals-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;opacity:.8;pointer-events:none}.professionals-search__input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--border-color, #E5E5E5);border-radius:var(--border-radius, 4px);font-size:1rem;background:var(--background, #FFFFFF)}.professionals-search__input:focus{outline:none;border-color:var(--primary-color, #000)}.professionals-filters{display:flex;flex-wrap:wrap;gap:.5rem}.professionals-filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #E5E5E5);border-radius:var(--border-radius, 4px);background:transparent;cursor:pointer;font-size:.875rem;transition:all .2s ease}.professionals-filter-btn:hover,.professionals-filter-btn.is-active{background:var(--primary-color, #000);color:var(--primary-contrast, #FFFFFF);border-color:var(--primary-color, #000)}.professionals-list{display:flex;flex-direction:column;gap:var(--professionals-gap, 60px)}@media screen and (max-width: 992px){.professional-row:not(:first-of-type){padding-top:var(--professionals-gap);border-top:1px solid rgb(var(--border-color))}}.professional-row{display:flex;flex-direction:column;gap:var(--professionals-gap)}.professional-row[hidden]{display:none}@media screen and (min-width: 992px){.professional-row{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);grid-template-areas:"head head" "banner projects";gap:var(--professionals-gap);align-items:start}}.professional-toprow{display:flex;flex-direction:column;justify-content:space-between;gap:16px;margin:0 0 6px;grid-area:head}@media screen and (min-width: 992px){.professional-toprow{display:flex;flex-direction:row;align-items:flex-end}}.professional-toprow__name{font-weight:bolder}.professional-toprow__categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.professional-toprow__category{background-color:#beece0;border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.professional-actions{display:flex;align-items:center;gap:12px}.professional-action-image{height:32px;width:32px}.professional-banner{border:3px solid #beece0;position:relative;overflow:hidden;border-radius:var(--border-radius, 0)}@media screen and (min-width: 992px){.professional-banner{aspect-ratio:auto;height:100%;min-height:350px}}.professional-banner__image{width:100%;height:450px;object-fit:cover;transition:.4s all ease;max-height:450px}.professional-banner__info{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-end;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 90%);color:#fff}.professional-banner__info .button{position:unset}.professional-banner__info .button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.professional-banner__meta{font-size:.875rem;opacity:.9;margin:0}.professional-banner__categories{display:flex;flex-wrap:wrap;gap:.5rem}.professional-banner__category{font-size:.75rem;padding:.25rem .5rem;background:#fff3;border-radius:4px}.professional-projects{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--professionals-gap)}@media screen and (max-width: 992px){.professional-projects .custom-card:nth-child(2),.professional-projects .custom-card:nth-child(3){display:none}}@media screen and (min-width: 992px){.professional-projects{grid-template-columns:repeat(3,1fr)}}.professionals-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.professionals-pagination__btn{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color, #e5e5e5);border-radius:var(--border-radius, 4px);background:transparent;cursor:pointer;font-size:.875rem;transition:all .2s ease}.professionals-pagination__btn:hover,.professionals-pagination__btn.is-active{background:var(--primary-color, #000);color:var(--primary-contrast, #fff);border-color:var(--primary-color, #000)}.professionals-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.professionals-pagination__btn:disabled:hover{background:transparent;color:inherit;border-color:var(--border-color, #e5e5e5)}.professionals-pagination__ellipsis{padding:0 .5rem;color:var(--text-subdued, #666)}.professionals-pagination__pages{display:flex;align-items:center;gap:.25rem}.professionals-no-results{text-align:center;padding:3rem 1rem;display:none}.professionals-no-results.is-visible{display:block}.professionals-loading{display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.professionals-loading.is-visible{display:flex}.professionals-loading__spinner{width:48px;height:48px;animation:professionals-spin 1s linear infinite}.professionals-loading__svg{width:100%;height:100%}.professionals-loading__svg circle{stroke-dasharray:90,150;stroke-dashoffset:0;animation:professionals-dash 1.5s ease-in-out infinite}.professionals-loading__text{color:var(--text-subdued, #666);font-size:.875rem}@keyframes professionals-spin{to{transform:rotate(360deg)}}@keyframes professionals-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.shopify-section--professionals-list.is-loading .professionals-list{opacity:.5;pointer-events:none}.professional-row{animation:professionals-fade-in .4s ease-out backwards;animation-delay:var(--animation-delay, 0ms)}@keyframes professionals-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shopify-section--professionals-list.api-mode:before{content:"";display:none}.shopify-section--professionals-list.api-error .professionals-loading{display:none}.professionals-search__input:focus-visible,.professionals-filter-btn:focus-visible,.professionals-pagination__btn:focus-visible{outline:2px solid var(--primary-color, #000);outline-offset:2px}@media (prefers-reduced-motion: reduce){.professional-row{animation:none}.professionals-loading__spinner{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-professionals-list.css.map */
