.shop-quest-container{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:767px){.shop-quest-container{padding-block:20px}}.shop-quest-attendee{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.shop-quest-attendee>.section-content{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;justify-content:center}.shop-quest-attendee__content{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px;border-block:1px solid var(--color-papaya)}.shop-quest-attendee__content-item,.shop-quest-attendee__content-item-image{width:100%}.shop-quest-attendee__content-item{padding:0;display:flex;flex-direction:column;justify-content:space-between}.shop-quest-attendee__content-copy{color:var(--color-papaya);padding:12px 16px}.shop-quest-attendee__heading{margin:0 0 12px;color:var(--color-papaya);font-size:1.75rem;line-height:1.2}.shop-quest-attendee__content-copy p{margin:0;font-size:1rem;line-height:1.4}.shop-quest-attendee__content-copy p+p{margin-top:8px}.shop-quest-attendee__content-item-image{padding:0}.shop-quest-attendee__name-input{width:100%;padding:12px 16px;border:none;border-top:1px solid var(--color-papaya);border-radius:0;background:transparent;color:var(--color-papaya);-webkit-text-fill-color:var(--color-papaya);font-weight:700;font-size:1rem}.shop-quest-attendee__name-input::placeholder{color:var(--color-papaya);opacity:.7;-webkit-text-fill-color:var(--color-papaya)}.shop-quest-attendee__name-input:hover,.shop-quest-attendee__name-input:focus,.shop-quest-attendee__name-input:focus-visible,.shop-quest-attendee__name-input:active{outline:none;background-color:transparent;color:var(--color-papaya);-webkit-text-fill-color:var(--color-papaya)}.shop-quest-attendee__upload-label{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;border-block:1px solid var(--color-papaya);color:var(--color-papaya);font-weight:700;font-size:1rem;cursor:pointer}.shop-quest-attendee__upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop-quest-attendee__generate-button{width:100%;padding:12px 16px;border:none;border-radius:0;background-color:var(--color-papaya);color:var(--color-jamun);font-weight:700;font-size:1rem;cursor:pointer}.shop-quest-attendee__generate-button:disabled{opacity:.5;cursor:not-allowed}.attendee-media-asset-frame{position:relative;width:100%;height:auto;aspect-ratio:1440 / 2125;overflow:hidden}.attendee-media-asset-stage{position:absolute;top:0;left:0;width:1440px;height:2125px;transform-origin:top left}.attendee-media-asset{position:relative;width:1440px;height:2125px;overflow:hidden;background-color:#26174b}.attendee-media-asset__bg{display:block;width:1440px;height:2125px;max-width:none;object-fit:fill}.attendee-media-asset__portrait{position:absolute;top:500px;left:301px;z-index:2;width:839px;height:1049px;overflow:hidden;-webkit-mask-image:var(--attendee-mask);mask-image:var(--attendee-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:alpha;background:#d62340}.attendee-media-asset__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.attendee-media-asset__photo[hidden]{display:none}.attendee-media-asset__border{position:absolute;top:480px;left:186px;z-index:3;display:block;width:1068px;height:1132px;max-width:none;pointer-events:none}.attendee-media-asset__name{position:absolute;top:1522px;left:400px;z-index:4;display:flex;align-items:center;justify-content:center;width:640px;height:64px;overflow:hidden;color:var(--color-jamun);font-size:60px;line-height:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media screen and (min-width:768px){.shop-quest-attendee__content{flex-direction:row;align-items:stretch;flex:0 0 auto;gap:0}.shop-quest-attendee__content-item{flex:1 1 auto;width:auto;min-width:0;align-self:stretch;border-left:1px solid var(--color-papaya)}.shop-quest-attendee__content-item-image{flex:0 0 auto;width:auto;align-self:stretch;display:flex}.attendee-media-asset-frame{height:95dvh;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/shop-quest-attendee.css.map */