.steps-envelope-popup{--sep-navy: #1a2c5b;--sep-cream: #f5eedc;--sep-orange: #e85d04;--sep-gold: #d4af37;--sep-z: 99990}.steps-envelope-popup[x-cloak],.steps-envelope-popup [x-cloak]{display:none!important}.steps-envelope-popup__trigger{position:fixed;right:var(--sep-trigger-offset-x, 20px);bottom:var(--sep-trigger-offset-y, 100px);left:auto;z-index:var(--sep-z);width:var(--sep-trigger-w-pc, 120px);cursor:pointer;line-height:0}.steps-envelope-popup__trigger--left{left:var(--sep-trigger-offset-x, 20px);right:auto}.steps-envelope-popup__trigger .steps-envelope-popup__close{top:0;right:0;transform:translate(50%,-50%)}.steps-envelope-popup__trigger-media{position:relative;width:100%}.steps-envelope-popup__trigger-media img{width:100%;height:auto;object-fit:cover;object-position:center}.steps-envelope-popup__media-pc{display:block}.steps-envelope-popup__media-mobile{display:none}.steps-envelope-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--sep-z) + 1);display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#000000b8;overflow-y:auto}.steps-envelope-popup__dialog{position:relative;width:min(100%,var(--sep-dialog-w-pc, 420px));margin:auto}.steps-popup-reward{max-width:100%;width:100%}.steps-envelope-popup__close{position:absolute;top:var(--sep-close-top-pc, 0);right:var(--sep-close-right-pc, 0);z-index:5;width:24px;height:auto;aspect-ratio:1/1;padding:0;border:0;background:transparent;cursor:pointer}.steps-envelope-popup__close img{width:100%;height:100%;display:block}.steps-envelope-popup__frame{position:relative;max-width:100dvw;max-height:100dvh;width:100%;height:auto;line-height:0;display:flex;align-items:center;justify-content:center}.steps-envelope-popup__frame img,.steps-envelope-popup__frame-bg{max-width:100%;width:100%;height:auto;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.steps-envelope-popup__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;box-sizing:border-box;line-height:normal;color:var(--sep-navy)}.steps-envelope-popup__message.steps-envelope-popup__dialog{max-width:100%;width:var(--sep-dialog-w-pc, 420px)}.steps-envelope-popup__message .steps-envelope-popup__content{padding:var(--sep-msg-pad-top-pc, 40px) var(--sep-msg-pad-right-pc, 40px) var(--sep-msg-pad-bottom-pc, 120px) var(--sep-msg-pad-left-pc, 40px);text-align:left;overflow:auto}.steps-envelope-popup__message .steps-envelope-popup__close{top:var(--sep-close-top-pc, 0);right:var(--sep-close-right-pc, 0)}.steps-envelope-popup__cta{position:absolute;left:50%;bottom:9%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;max-width:90%;min-height:44px;padding:var(--sep-cta-pad-top-pc, 12px) var(--sep-cta-pad-right-pc, 16px) var(--sep-cta-pad-bottom-pc, 12px) var(--sep-cta-pad-left-pc, 16px);border:0;border-radius:8px;background:var(--sep-cta-bg, #d4af37);cursor:pointer}.steps-envelope-popup__cta:has(.steps-envelope-popup__cta-bg){display:block;padding:0;background:transparent;border-radius:0;width:76%;max-width:320px;min-height:0}.steps-envelope-popup__cta:not(:has(.steps-envelope-popup__cta-bg)){box-shadow:inset 0 0 0 1px #ffebaaa6}.steps-envelope-popup__cta-bg{width:100%;height:auto;display:block;pointer-events:none}.steps-envelope-popup__cta-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;font-size:clamp(12px,1.5vw,16px);font-weight:700;line-height:1.2;color:var(--sep-navy);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steps-envelope-popup__cta-inline-img{display:inline-block;flex-shrink:0;width:auto;height:var(--sep-cta-inline-img-height-pc, 16px);margin:0 var(--sep-cta-inline-img-gap, 6px);vertical-align:middle;object-fit:contain;pointer-events:none}.steps-envelope-popup__cta:has(.steps-envelope-popup__cta-bg) .steps-envelope-popup__cta-label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:var(--sep-cta-pad-top-pc, 12px) var(--sep-cta-pad-right-pc, 16px) var(--sep-cta-pad-bottom-pc, 12px) var(--sep-cta-pad-left-pc, 16px)}.steps-envelope-popup__reward-group{position:relative;width:fit-content;max-width:100%;margin:auto}.steps-envelope-popup__reward-list{max-width:100dvw;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--sep-reward-gap-pc, 16px)}.steps-envelope-popup__reward-list>*{flex:0 0 auto;width:var(--sep-reward-item-w-pc, var(--sep-dialog-w-pc, 296px));max-width:100%}.steps-envelope-popup__reward-group .steps-envelope-popup__close{top:var(--sep-close-top-pc, -4px);right:var(--sep-close-right-pc, -4px)}.steps-envelope-popup__reward-group .steps-envelope-popup__dialog{width:100%;max-width:none}.steps-envelope-popup__reward .steps-envelope-popup__content{padding:var(--sep-reward-pad-top-pc, 24px) var(--sep-reward-pad-right-pc, 24px) var(--sep-reward-pad-bottom-pc, 40px) var(--sep-reward-pad-left-pc, 24px);align-items:center;text-align:center;overflow:auto}.steps-envelope-popup__dialog .cms-copy{margin-top:auto!important}@media screen and (max-width:749px){.steps-envelope-popup__trigger{right:var(--sep-trigger-offset-x-mobile, 12px);bottom:var(--sep-trigger-offset-y-mobile, 88px);left:auto;width:var(--sep-trigger-w-mobile, 90px)}.steps-envelope-popup__trigger--left{left:var(--sep-trigger-offset-x-mobile, 12px);right:auto}.steps-envelope-popup__dialog{width:min(100%,var(--sep-dialog-w-mobile, 296px))}.steps-envelope-popup__media-pc{display:none}.steps-envelope-popup__media-mobile{display:block}.steps-envelope-popup__close{width:16px;top:var(--sep-close-top-mobile, 8px);right:var(--sep-close-right-mobile, 8px)}.steps-envelope-popup__message.steps-envelope-popup__dialog{width:var(--sep-dialog-w-mobile, 296px)}.steps-envelope-popup__message .steps-envelope-popup__content{padding:var(--sep-msg-pad-top-mobile, 28px) var(--sep-msg-pad-right-mobile, 28px) var(--sep-msg-pad-bottom-mobile, 100px) var(--sep-msg-pad-left-mobile, 28px)}.steps-envelope-popup__message .steps-envelope-popup__close{top:var(--sep-close-top-mobile, 8px);right:var(--sep-close-right-mobile, 8px)}.steps-envelope-popup__cta{width:auto;max-width:90%;bottom:8%;padding:var(--sep-cta-pad-top-mobile, 10px) var(--sep-cta-pad-right-mobile, 14px) var(--sep-cta-pad-bottom-mobile, 10px) var(--sep-cta-pad-left-mobile, 14px)}.steps-envelope-popup__cta:has(.steps-envelope-popup__cta-bg){width:82%;padding:0}.steps-envelope-popup__cta:has(.steps-envelope-popup__cta-bg) .steps-envelope-popup__cta-label{padding:var(--sep-cta-pad-top-mobile, 10px) var(--sep-cta-pad-right-mobile, 14px) var(--sep-cta-pad-bottom-mobile, 10px) var(--sep-cta-pad-left-mobile, 14px)}.steps-envelope-popup__cta-label{font-size:12px}.steps-envelope-popup__cta-inline-img{height:var(--sep-cta-inline-img-height-mobile, 14px)}.steps-envelope-popup__reward-list{gap:var(--sep-reward-gap-mobile, 12px)}.steps-envelope-popup__reward-list>*{width:var(--sep-reward-item-w-mobile, var(--sep-dialog-w-mobile, 280px))}.steps-envelope-popup__reward-group .steps-envelope-popup__close{top:var(--sep-close-top-mobile, -4px);right:var(--sep-close-right-mobile, -4px)}.steps-envelope-popup__reward .steps-envelope-popup__content{padding:var(--sep-reward-pad-top-mobile, 16px) var(--sep-reward-pad-right-mobile, 16px) var(--sep-reward-pad-bottom-mobile, 28px) var(--sep-reward-pad-left-mobile, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/688/assets/steps-envelope-popup.css.map */