.build-your-own-collection-section{padding-inline:var(--page-margin)}.build-your-own-collection__header{max-width:40rem;margin:0 auto 2.5rem;text-align:center}.build-your-own-collection__heading{font-family:var(--font-h2--family);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);font-size:var(--font-h2--size);line-height:var(--font-h2--line-height);letter-spacing:var(--font-h2--letter-spacing);margin:0 0 .75rem}.build-your-own-collection__description{font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);color:rgb(var(--color-foreground-rgb) / .7)}.build-your-own-collection__setup-notice{text-align:center;color:var(--color-foreground);opacity:.7}.build-your-own-collection{display:block}.build-your-own-collection__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding-bottom:7rem}@media screen and (min-width:750px){.build-your-own-collection__gallery{grid-template-columns:repeat(3,1fr);gap:1.75rem}}@media screen and (min-width:990px){.build-your-own-collection__gallery{grid-template-columns:repeat(4,1fr);gap:2rem}}.wallpaper-card{-webkit-appearance:none;appearance:none;border:none;background:none;padding:0;margin:0;cursor:pointer;display:flex;flex-direction:column;gap:.65rem;text-align:left;font:inherit;color:inherit}.wallpaper-card__image-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--style-border-radius-buttons-primary, 12px);background-color:rgb(var(--color-foreground-rgb) / .05);border:1px solid rgb(var(--color-border-rgb) / .5);transition:transform var(--hover-transition-duration) var(--hover-transition-timing),box-shadow var(--hover-transition-duration) var(--hover-transition-timing),border-color var(--hover-transition-duration) var(--hover-transition-timing)}.wallpaper-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-quad, ease-out)}.wallpaper-card:hover .wallpaper-card__image-wrap{transform:translateY(calc(var(--hover-lift-amount, 4px) * -1));box-shadow:0 12px 28px rgb(var(--hover-shadow-color, var(--color-shadow)) / .18)}.wallpaper-card:hover .wallpaper-card__image{transform:scale(var(--hover-subtle-zoom-amount, 1.015))}.wallpaper-card:focus-visible .wallpaper-card__image-wrap{outline:2px solid var(--color-foreground);outline-offset:3px}.wallpaper-card[aria-pressed=true] .wallpaper-card__image-wrap{border-color:var(--color-foreground);border-width:2px;transform:scale(.97)}.wallpaper-card__check{position:absolute;top:.65rem;right:.65rem;width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-background);color:var(--color-background);box-shadow:0 2px 8px #0003;opacity:0;transform:scale(.6);transition:opacity .2s var(--hover-transition-timing),transform .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}.wallpaper-card__check svg{width:1.05rem;height:1.05rem}.wallpaper-card[aria-pressed=true] .wallpaper-card__check{opacity:1;transform:scale(1);background:var(--color-foreground)}.wallpaper-card__title{font-family:var(--font-paragraph--family);font-size:.9rem;line-height:1.3;opacity:.85}.build-your-own-collection__bar{position:sticky;bottom:1.25rem;z-index:4;max-width:34rem;margin:0 auto;padding:.85rem 1rem;border-radius:var(--style-border-radius-popover, 16px);background:var(--color-background);box-shadow:0 8px 30px #00000024;border:1px solid rgb(var(--color-border-rgb) / .5)}.build-your-own-collection__limit-message{margin:0 0 .65rem;font-size:.85rem;text-align:center;color:var(--color-foreground)}.build-your-own-collection__bar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.build-your-own-collection__counter{font-family:var(--font-paragraph--family);font-weight:600;font-size:.95rem;white-space:nowrap;transition:color var(--hover-transition-duration) var(--hover-transition-timing)}.build-your-own-collection__counter.is-complete{color:var(--color-success)}.build-your-own-collection__submit{flex:1;min-width:0}@media screen and (max-width:480px){.build-your-own-collection__bar{left:1rem;right:1rem;max-width:none;bottom:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/build-your-own-collection.css.map */