.preview[data-v-4d38f8bd]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--spacer-lg);grid-gap:var(--spacer-sm);gap:var(--spacer-sm);margin-bottom:calc(var(--spacer)*-1*2);pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.preview[data-v-4d38f8bd]:after{background:linear-gradient(to top,var(--background),transparent);bottom:0;content:"";height:50%;left:0;position:absolute;width:100%;z-index:2}.preview .image[data-v-4d38f8bd]{aspect-ratio:1;border-color:var(--gray-z-1)!important}.purchase[data-v-4d38f8bd]{display:flex;gap:var(--spacer);justify-content:center}.purchase button[data-v-4d38f8bd]{height:var(--size-9);justify-content:center;margin:0 auto;width:100%}.purchase button span[data-v-4d38f8bd]{color:var(--gray-z-8);font-size:var(--font-base);line-height:1.3}.purchase button span.muted[data-v-4d38f8bd]{color:var(--muted)}.auth[data-v-4d38f8bd]{border-top:var(--border);display:grid;margin-top:var(--spacer-lg);padding-top:var(--spacer-lg);grid-gap:var(--spacer);gap:var(--spacer);position:relative}.auth .separator[data-v-4d38f8bd]{background:var(--background);color:var(--ui-color);color:var(--muted);font-family:var(--ui-font-family);font-size:var(--ui-font-size);font-weight:var(--ui-font-weight);left:50%;letter-spacing:var(--ui-letter-spacing);line-height:var(--ui-line-height);padding:var(--spacer-sm);position:absolute;text-transform:var(--ui-text-transform);top:calc(var(--spacer)*-1);transform:translate(-50%)}