.pf-selectors-wrapper{display:flex;flex-direction:column;gap:1rem}.pf-selector-group{display:flex;flex-direction:column;padding:0 180px}@media screen and (max-width:1280px){.pf-selector-group{padding:0 80px}}@media screen and (max-width:990px){.pf-selector-group{padding:0}}.pf-selector-label{font-size:calc(var(--font-heading-scale) * 2rem);color:rgb(var(--color-foreground))}.pf-selector-list{display:grid;column-gap:1rem;row-gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;padding-left:0!important}.pf-selector-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-transform:capitalize;cursor:pointer}.pf-selector-item-image-wrapper{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}@media screen and (max-width:749px){.pf-selector-item-image-wrapper{padding:0}}.pf-selector-item:hover .pf-selector-item-image-wrapper,.pf-selector-item.active .pf-selector-item-image-wrapper{border-color:rgb(var(--color-foreground))}.pf-selector-item-icon{width:100%;height:100%;object-fit:contain;padding:8px}@media screen and (max-width:749px){.pf-selector-item-icon{padding:6px}}.pf-selector-item-label{margin-top:8px;font-size:19px;text-align:center}@media screen and (max-width:749px){.pf-selector-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:.75rem;-webkit-overflow-scrolling:touch}.pf-selector-item{flex:0 0 60%;scroll-snap-align:start;min-height:10rem}}.pf-products-container{margin-top:2rem}.pf-product-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.pf-product-card{display:flex;flex-direction:column}.pf-product-image-wrapper{position:relative;overflow:hidden;border-radius:var(--card-radius, .4rem);margin-bottom:.75rem;background:rgba(var(--color-foreground),.04);aspect-ratio:1 / 1}.pf-product-image{width:100%;height:100%;object-fit:cover;display:block}.pf-product-title{font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.pf-product-price{font-size:.875rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.75rem}.pf-product-link{display:inline-block;padding:.75rem 1rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));text-decoration:none;border-radius:.2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:opacity .3s ease;border:none;cursor:pointer;text-align:center}.pf-product-link:hover{opacity:.8}.pf-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.pf-pagination-button{padding:.5rem .75rem;border:1px solid rgb(var(--color-border));background:transparent;color:rgb(var(--color-foreground));cursor:pointer;border-radius:.2rem;font-size:.75rem;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.pf-pagination-button:hover:not(:disabled){background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pf-pagination-button:disabled{opacity:.5;cursor:not-allowed}.pf-pagination-button.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.pf-page-info{font-size:.75rem;color:rgba(var(--color-foreground),.7)}.pf-empty-state{text-align:center;padding:3rem 1rem;color:rgba(var(--color-foreground),.7)}.pf-empty-state-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.pf-empty-state-text{font-size:.875rem}.custom-problem-title{margin-bottom:2rem}.pf-product-template-skeleton{display:none}.pf-button-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem;width:100%}.custom-pf-button{--gradient-background: #fff;--color-background: 255, 255, 255;--color-foreground: 33, 35, 38;--color-link: var(--color-foreground);--color-border: var(--color-foreground);--color-heading: var(--color-foreground);--color-button-background: 236, 239, 84;--color-button-text: 0, 0, 0;--color-button-border: var(--color-button-background);--color-highlight: 187, 255, 0;font-size:max(calc(var(--font-button-size) - 2px),1.2rem)}.custom-pf-button svg{width:2rem;height:2rem;margin-right:8px}.pf-products-count{font-size:1.35rem;margin-top:36px;width:100%;border-bottom:1px solid rgba(0,0,0,.5)}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-problem-finder.css.map */