.design-ideas{max-width:var(--page-width);margin:0 auto}.design-ideas__header{text-align:center;margin-bottom:3rem}.design-ideas__title{margin:0 0 1rem}.design-ideas__description{max-width:60ch;margin:0 auto;color:rgba(var(--color-foreground),.75)}.design-featured{margin-bottom:3rem}.design-featured__header{margin-bottom:1.5rem}.design-featured__title{margin:0}.design-featured__grid{margin-bottom:.5rem}.design-filters{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:rgba(var(--color-foreground),.03);border-radius:var(--buttons-radius, 0)}.design-filters__search{flex:1 1 250px;max-width:300px}.design-filters__search .field__input{width:100%}.design-filters__category{flex:0 0 auto}.design-filters__category .select__select{min-width:180px;padding:1rem 3.5rem 1rem 1.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 0);background-color:rgb(var(--color-background));font-size:1.4rem;cursor:pointer}.design-filters__tags{flex:0 0 auto}.design-filters__tags .select__select{min-width:180px;padding:1rem 3.5rem 1rem 1.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, 0);background-color:rgb(var(--color-background));font-size:1.4rem;cursor:pointer}.design-filters__clear{font-size:1.3rem;margin-left:auto}.design-filters__status{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin-bottom:1rem;min-height:1.4rem}.design-grid{display:grid;grid-template-columns:repeat(var(--designs-per-row, 4),1fr);gap:2rem}.design-grid__empty,.design-grid__no-results{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:rgba(var(--color-foreground),.6)}.design-card{display:flex;flex-direction:column;background:rgb(var(--color-background));border-radius:var(--card-corner-radius, 0);overflow:hidden;box-shadow:0 2px 10px #0000000f;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease}.design-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.design-card--hidden{display:none}.design-card{cursor:pointer}.design-card__image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.05)}.design-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.design-card:hover .design-card__image{transform:scale(1.05)}.design-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.design-card__placeholder .placeholder-svg{width:60%;height:60%;fill:rgba(var(--color-foreground),.2)}.design-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s ease}.design-card:hover .design-card__overlay{opacity:1}.design-card__preview-btn{transform:translateY(10px);transition:transform .2s ease}.design-card:hover .design-card__preview-btn{transform:translateY(0)}.design-card__info{padding:1.5rem;flex-grow:1}.design-card__title{margin:0 0 .5rem;font-size:1.6rem}.design-card__category{display:inline-block;font-size:1.2rem;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.05em}.design-card__cta{margin:0 1.5rem 1.5rem;text-align:center;width:calc(100% - 3rem)}.design-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.design-modal[open]{opacity:1;visibility:visible}.design-modal__content{position:relative;width:90%;max-width:900px;max-height:90vh;background:rgb(var(--color-background));border-radius:var(--card-corner-radius, 0);overflow:hidden;transform:scale(.95);transition:transform .3s ease}.design-modal[open] .design-modal__content{transform:scale(1)}.design-modal__close{position:absolute;top:1rem;right:1rem;z-index:10;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #00000026;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.design-modal__close:hover{transform:scale(1.1)}.design-modal__close svg{width:1.8rem;height:1.8rem}.design-modal__body{display:grid;grid-template-columns:1fr 1fr;max-height:90vh;overflow:auto}.design-modal__image-wrapper{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05);overflow:hidden;cursor:zoom-in}.design-modal__image{width:100%;height:auto;max-height:80vh;object-fit:contain;transform-origin:center center;transition:transform .3s ease,opacity .2s ease;opacity:.6}.design-modal__image--loaded{opacity:1}.design-modal__image-wrapper--zoomed{cursor:zoom-out}.design-modal__image-wrapper--zoomed .design-modal__image{transform:scale(2);transition:none}.design-modal__info{padding:3rem;display:flex;flex-direction:column;justify-content:center}.design-modal__title{margin:0 0 .5rem}.design-modal__category{display:inline-block;font-size:1.3rem;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.design-modal__description{margin:0 0 2rem;color:rgba(var(--color-foreground),.8);line-height:1.6}.design-modal__description:empty{display:none}.design-modal__cta{align-self:flex-start}.design-load-more{text-align:center;padding:3rem 0 1rem}.design-load-more__progress{font-size:1.3rem;color:rgba(var(--color-foreground),.55);margin-bottom:1.2rem;transition:opacity .5s ease}.design-load-more__progress--done{opacity:0}.design-load-more__btn{min-width:220px}@keyframes designCardEnter{0%{opacity:0;transform:translateY(8px)}}.design-card--entering{animation:designCardEnter .3s ease}@media screen and (max-width:989px){.design-modal__body{grid-template-columns:1fr}.design-modal__image-wrapper{max-height:50vh}.design-modal__info{padding:2rem}}@media screen and (max-width:749px){.design-filters{flex-direction:column;gap:1rem;padding:1rem}.design-filters__search{flex:1 1 100%;max-width:none}.design-filters__category,.design-filters__category .select__select{width:100%}.design-grid{gap:1rem}.design-card__info{padding:1rem}.design-card__title{font-size:1.4rem}.design-card__cta{margin:0 1rem 1rem;width:calc(100% - 2rem);font-size:1.2rem;padding:.8rem 1.5rem}.design-modal__content{width:95%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-design-ideas.css.map */