.kids-building-gallery{background:var(--kids-gallery-bg, #fff)}.kids-building-gallery__inner{max-width:144rem}.kids-building-gallery__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:3rem}.kids-building-gallery__chip,.kids-building-gallery__more-button,.kids-building-gallery__toggle{-webkit-appearance:none;appearance:none;font-family:inherit}.kids-building-gallery__chip{display:inline-flex;align-items:center;justify-content:center;min-height:4rem;padding:1.2rem 1.6rem;border:1px solid var(--kids-gallery-chip-border, #d4d4d4);border-radius:999px;background:var(--kids-gallery-chip, #fff);box-shadow:0 1px 2px #0000000d;color:var(--kids-gallery-chip-text, #525252);font-size:1.4rem;font-weight:400;line-height:2rem;cursor:pointer}.kids-building-gallery__chip.is-active{border-color:var(--kids-gallery-chip-active, #f7a120);color:var(--kids-gallery-chip-active, #f7a120);font-weight:600}.kids-building-gallery__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:0;padding:0;list-style:none}.kids-building-gallery__item.is-hidden{display:none}.kids-building-gallery__card,.kids-building-gallery__media{height:100%}.kids-building-gallery__media{position:relative;overflow:hidden;aspect-ratio:305 / 382;border-radius:1.6rem;background:#f7f9fa}.kids-building-gallery__media img,.kids-building-gallery__media svg{display:block;width:100%;height:100%;object-fit:cover}.kids-building-gallery__username{position:absolute;z-index:2;right:1.2rem;bottom:1.6rem;color:var(--kids-gallery-username, #fff);font-size:2rem;font-weight:600;line-height:3rem;text-shadow:0 1px 2px rgba(0,0,0,.25)}.kids-building-gallery__info{position:absolute;z-index:3;left:1.2rem;right:auto;bottom:1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:max-content;max-width:calc(100% - 2.4rem);padding:1.2rem 1.6rem 1.6rem;border-radius:1.2rem;background:var(--kids-gallery-overlay, #fff);box-shadow:0 .8rem 2.4rem #17171729;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.8rem) scale(.96);transform-origin:bottom left;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.kids-building-gallery__card .kids-building-gallery__toggle--plus,.kids-building-gallery__card .kids-building-gallery__username{transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.kids-building-gallery__card.is-expanded .kids-building-gallery__info{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}.kids-building-gallery__card.is-expanded .kids-building-gallery__toggle--plus,.kids-building-gallery__card.is-expanded .kids-building-gallery__username{opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}@media(hover:hover)and (pointer:fine){.kids-building-gallery__card:hover:not(.is-dismissed) .kids-building-gallery__info,.kids-building-gallery__card:focus-within:not(.is-dismissed) .kids-building-gallery__info{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}.kids-building-gallery__card:hover:not(.is-dismissed) .kids-building-gallery__toggle--plus,.kids-building-gallery__card:focus-within:not(.is-dismissed) .kids-building-gallery__toggle--plus,.kids-building-gallery__card:hover:not(.is-dismissed) .kids-building-gallery__username,.kids-building-gallery__card:focus-within:not(.is-dismissed) .kids-building-gallery__username{opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}}@media(prefers-reduced-motion:reduce){.kids-building-gallery__info,.kids-building-gallery__card .kids-building-gallery__toggle--plus,.kids-building-gallery__card .kids-building-gallery__username{transform:none!important}}.kids-building-gallery__info .kids-building-gallery__toggle--close{position:static;width:2rem;height:2rem;border:0;border-radius:0;background:transparent}.kids-building-gallery__info .kids-building-gallery__toggle--close .svg-wrapper,.kids-building-gallery__info .kids-building-gallery__toggle--close svg{width:1.2rem;height:1.2rem}.kids-building-gallery__product{display:flex;flex-direction:column;align-self:stretch;gap:.4rem;width:100%;min-width:18rem;max-width:24rem}.kids-building-gallery__product-title{margin:0;color:var(--kids-gallery-title, #171717);text-decoration:none;font-family:nunito-semibold,var(--font-body-family),sans-serif;font-size:1.4rem;font-weight:600;line-height:2rem}.kids-building-gallery__product-price{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;color:var(--kids-gallery-title, #171717);font-family:nunito-bold,var(--font-body-family),sans-serif;font-size:1.4rem;font-weight:700;line-height:2rem;text-decoration:none}.kids-building-gallery__product-title:hover,.kids-building-gallery__product-price:hover{color:var(--kids-gallery-title, #171717)}.kids-building-gallery__product-arrow{display:flex;flex:0 0 auto;width:1rem;height:.6rem;transform:rotate(-90deg)}.kids-building-gallery__product-arrow svg{display:block;width:1rem;height:.6rem}.kids-building-gallery__toggle{position:absolute;z-index:2;left:1.2rem;bottom:1.2rem;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid #d4d4d4;border-radius:.8rem;background:#fff;color:#171717;cursor:pointer}.kids-building-gallery__toggle .svg-wrapper,.kids-building-gallery__toggle svg{display:block;width:2rem;height:2rem}.kids-building-gallery__more{display:flex;justify-content:center;margin-top:4rem}.kids-building-gallery__more-button{min-height:5.5rem;padding:1.2rem 3rem;border:1px solid var(--kids-gallery-button-border, #d4d4d4);border-radius:999px;background:var(--kids-gallery-button, #fff);box-shadow:0 1px 2px #0000000d;color:var(--kids-gallery-button-text, #171717);font-size:1.6rem;font-weight:600;line-height:2.4rem;cursor:pointer}.kids-building-gallery__more-button[hidden]{display:none}@media screen and (min-width:750px){.kids-building-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.kids-building-gallery__inner.page-width{padding-left:8rem;padding-right:8rem}.kids-building-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-kids-building-gallery.css.map */