.BackToMypage{color:var(--clr-anker)!important;display:flex;align-items:center;line-height:1;font-size:12px}.BackToMypage:before{content:"";display:inline-block;width:1em;height:1em;line-height:1;background:var(--clr-anker);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);transform:rotate(180deg)}.Heading{color:var(--txt-black);font-size:18px;line-height:125%}@media screen and (min-width: 1080px){.Heading{font-size:24px}}.Heading-note{color:var(--txt-gray);font-size:10px;line-height:125%}@media screen and (min-width: 1080px){.Heading-note{font-size:12px}}.Expand{display:grid}.Expand .toggle{display:none}.Expand .wrapper{margin-left:auto}.Expand .label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:10px 26px 10px 10px;border:solid 1px #d9d9d9;background-color:#f7f9fa;border-radius:4px;line-height:1;font-size:10px}.Expand .label:after{content:"";display:block;width:1em;height:1em;position:absolute;right:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA3IDgiIGZpbGw9Im5vbmUiPiA8cGF0aCBkPSJNMC41IDUuNUwzLjUgMi41TDYuNSA1LjUiIHN0cm9rZT0iIzY2NjY2NiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==);background-position:center;background-repeat:no-repeat;transform:rotate(180deg);transition:all .3s}.Expand .label.-right{margin-left:auto}.Expand .content{background-color:#f7f9fa;display:grid;gap:10px;overflow:hidden;height:0;transition:opacity .1s;opacity:0}@media screen and (min-width: 1080px){.Expand .content{background-color:#fff}}.Expand .content .title{font-size:14px;font-weight:700;line-height:150%}.Expand .content .text{font-size:14px!important;line-height:150%!important}.Expand .content .text.link{font-size:12px!important;text-decoration:underline}.Expand .content .steps{display:grid;gap:10px}.Expand .content .step{display:flex;background-color:#fff;border-radius:4px;border:1px solid #e6e6e6;padding:20px 10px}.Expand .content .step .number{display:grid;place-items:center;border-right:1px solid #e6e6e6;margin-right:10px;padding:0 20px 0 10px;color:var(--txt-black);font-size:12px;font-weight:400;line-height:150%}.Expand .content .step img{margin-bottom:10px}.Expand .content .step .text{font-size:12px;line-height:150%}.Expand .content .step .text a{color:var(--clr-anker)}.Expand .content #scrollToHowTo{cursor:pointer;text-decoration:underline}.Expand .is-show.label:after{transform:rotate(0)}.Expand .is-show.label+.content{height:auto;opacity:1;padding:20px;margin-top:10px}.Expand small{color:var(--txt-gray);font-size:12px;line-height:150%;display:block;white-space:pre-line}.Expand.pc{display:none}@media screen and (min-width: 1080px){.Expand.sp{display:none}.Expand.pc{display:grid}}.Coupons{display:grid;gap:10px}@media screen and (min-width: 1080px){.Coupons{gap:20px}}.Coupons .Coupon{border-radius:4px;border:1px solid #e6e6e6}.Coupons .Coupon .wrapper{display:flex}.Coupons .Coupon .type{background:linear-gradient(180deg,#70dcff,#00a9e0);display:grid;gap:4px;place-items:center;place-content:center;padding:0 10px;color:#fff;font-weight:700;text-align:center;min-width:130px;min-height:178px}@media screen and (min-width: 1080px){.Coupons .Coupon .type{min-width:360px;min-height:368px;gap:8px}.Coupons .Coupon .type img{width:48px}}.Coupons .Coupon .type img{width:32px}.Coupons .Coupon .type .text{font-size:12px;line-height:125%;margin-top:6px}@media screen and (min-width: 1080px){.Coupons .Coupon .type .text{font-size:16px}}.Coupons .Coupon .type .price{display:flex;flex-direction:column;align-items:baseline;font-size:28px;justify-content:center;align-items:center}@media screen and (min-width: 1080px){.Coupons .Coupon .type .price{flex-direction:row;align-items:baseline;gap:4px}}.Coupons .Coupon .type .value{line-height:100%}@media screen and (min-width: 1080px){.Coupons .Coupon .type .value{font-size:36px}}@media screen and (min-width: 1080px){.Coupons .Coupon .type.off{font-size:20px}}.Coupons .Coupon .image{max-width:150px;width:100%;height:auto;object-fit:contain}@media screen and (min-width: 1080px){.Coupons .Coupon .image{max-width:360px}}.Coupons .Coupon .container{padding:16px 10px;display:grid;place-items:center;text-align:center;width:100%}@media screen and (min-width: 1080px){.Coupons .Coupon .container{background-color:#fff;width:100%;padding:40px}}.Coupons .Coupon .container .text{font-size:10px;line-height:125%;margin-bottom:8px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .text{font-size:16px}}.Coupons .Coupon .container .text-red{color:#cd3752}.Coupons .Coupon .container .title{color:var(--txt-black);font-size:12px;line-height:125%;font-weight:700;margin-bottom:8px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .title{font-size:20px}}.Coupons .Coupon .container .code{width:100%;padding:18px 0;border-radius:4px;border:1px solid #d9d9d9;background:#f7f9fa;color:var(--txt-black);font-size:10px;line-height:100%;margin-bottom:8px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .code{padding:30px;font-size:18px;margin-bottom:12px}}.Coupons .Coupon .container .copy{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:100%;color:var(--clr-anker);margin-bottom:8px}.Coupons .Coupon .container .copy:before{content:"";width:12px;height:12px;display:block;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22mask0_1702_2057%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_1702_2057)%22%3E%3Cpath%20d%3D%22M4.55775%208.5C4.32758%208.5%204.13542%208.42292%203.98125%208.26875C3.82708%208.11458%203.75%207.92242%203.75%207.69225V2.30775C3.75%202.07758%203.82708%201.88542%203.98125%201.73125C4.13542%201.57708%204.32758%201.5%204.55775%201.5H8.44225C8.67242%201.5%208.86458%201.57708%209.01875%201.73125C9.17292%201.88542%209.25%202.07758%209.25%202.30775V7.69225C9.25%207.92242%209.17292%208.11458%209.01875%208.26875C8.86458%208.42292%208.67242%208.5%208.44225%208.5H4.55775ZM4.55775%208H8.44225C8.51925%208%208.58979%207.96796%208.65387%207.90387C8.71796%207.83979%208.75%207.76925%208.75%207.69225V2.30775C8.75%202.23075%208.71796%202.16021%208.65387%202.09613C8.58979%202.03204%208.51925%202%208.44225%202H4.55775C4.48075%202%204.41021%202.03204%204.34613%202.09613C4.28204%202.16021%204.25%202.23075%204.25%202.30775V7.69225C4.25%207.76925%204.28204%207.83979%204.34613%207.90387C4.41021%207.96796%204.48075%208%204.55775%208ZM3.05775%2010C2.82758%2010%202.63542%209.92292%202.48125%209.76875C2.32708%209.61458%202.25%209.42246%202.25%209.19238V3.30775H2.75V9.19238C2.75%209.26929%202.78204%209.33979%202.84613%209.40387C2.91021%209.46796%202.98075%209.5%203.05775%209.5H7.44225V10H3.05775Z%22%20fill%3D%22%2300A9E0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:cover;background-repeat:no-repeat}@media screen and (min-width: 1080px){.Coupons .Coupon .container .copy{font-size:14px;margin-bottom:12px}}.Coupons .Coupon .container .notion{font-size:10px;font-weight:700;line-height:150%;margin-bottom:8px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .notion{font-size:14px;margin-bottom:12px}}.Coupons .Coupon .container .notion-emphasis{color:#cd3752}.Coupons .Coupon .container .notion-note{color:var(--txt-gray);font-size:10px;line-height:125%;margin-bottom:8px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .notion-note{font-size:12px;margin-bottom:20px}}.Coupons .Coupon .container #coupon-btn{display:none}.Coupons .Coupon .container #coupon-btn.available{display:flex}.Coupons .Coupon .container .btn-lg-sqr-outline{width:100%;margin-top:10px;padding:10px;font-size:10px;margin-bottom:8px}.Coupons .Coupon .container .btn-lg-sqr-outline:after{position:relative;right:unset;top:unset;transform:unset}@media screen and (min-width: 1080px){.Coupons .Coupon .container .btn-lg-sqr-outline{font-size:12px}}.Coupons .Coupon .container .exchange{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:14px;border-radius:4px;line-height:1;font-size:12px;word-break:keep-all;width:100%;color:#fff;background:var(--clr-anker);border:unset}@media screen and (min-width: 1080px){.Coupons .Coupon .container .exchange{font-size:16px}}.Coupons .Coupon .container .exchange:after{content:"";display:inline-block;width:1em;height:1em;line-height:1;background:#fff;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);transition:all .3s}.Coupons .Coupon .container .exchange:before{content:"";display:inline-block;position:absolute;z-index:-1;top:0;left:0;width:0;height:100%;background:#d9d9d9;transition:all .3s;opacity:.1}.Coupons .Coupon .container .exchange:disabled{border:1px solid #d9d9d9;color:var(--txt-black);background:unset}.Coupons .Coupon .container .exchange:disabled:after,.Coupons .Coupon .container .exchange:disabled:before{display:none}.Coupons .Coupon .container .require{font-size:12px;line-height:125%}.Coupons .Coupon .container .shortage{font-size:12px;padding:16px 20px;display:grid;place-items:center;border-radius:4px;border:1px solid #d9d9d9;width:100%}.Coupons .Coupon .container .limit{color:var(--txt-gray);font-size:10px;line-height:125%}@media screen and (min-width: 1080px){.Coupons .Coupon .container .limit{font-size:12px;margin-bottom:12px}}.Coupons .Coupon .container .toggle-block{margin-bottom:8px;width:100%}@media screen and (min-width: 1080px){.Coupons .Coupon .container .toggle-block{margin-bottom:12px}}.Coupons .Coupon .container .toggle-block-single{display:flex;align-items:center;justify-content:center;border:1px solid #e6e6e6;border-radius:30px;background:#f7f9fa;font-size:10px;padding:12px}@media screen and (min-width: 1080px){.Coupons .Coupon .container .toggle-block-single{font-size:14px;padding:16px}}.Coupons .Coupon .container .toggleContainer{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #e6e6e6;border-radius:30px;background:#f7f9fa;font-size:10px;cursor:pointer}.Coupons .Coupon .container .toggleContainer:before{content:"";position:absolute;width:50%;height:calc(100% - 8px);left:4px;top:4px;border-radius:20px;background:#fff;transition:all .3s;filter:drop-shadow(1px 1px 3px #e6e6e6)}.Coupons .Coupon .container .toggleCheckbox:checked+.toggleContainer:before{left:calc(50% - 4px)}.Coupons .Coupon .container .toggleContainer div{padding:8px;text-align:center;z-index:1;line-height:1.2;width:48%}@media screen and (min-width: 1080px){.Coupons .Coupon .container .toggleContainer div{font-size:14px;padding:16px}}@media screen and (min-width: 1080px){.Coupons .Coupon .container .toggleContainer div br{display:none}}.Coupons .Coupon .container .toggle-text{white-space:nowrap}.Coupons .Coupon .container .toggle-text span{display:block}@media screen and (min-width: 1080px){.Coupons .Coupon .container .toggle-text span{display:inline-block;margin-left:-3px}}.Coupons .Coupon .container .toggleCheckbox{display:none}.Coupons .Coupon .container .toggleCheckbox:checked+.toggleContainer div:first-child{color:#666;transition:color .3s}.Coupons .Coupon .container .toggleCheckbox:checked+.toggleContainer div:last-child{color:#1a1a1a;transition:color .3s}.Coupons .Coupon .container .toggleCheckbox+.toggleContainer div:first-child{color:#1a1a1a;transition:color .3s}.Coupons .Coupon .container .toggleCheckbox+.toggleContainer div:last-child{color:#666;transition:color .3s}.Coupons .Coupon .container .toggle-online{width:100%}.Coupons .Coupon .container .toggle-offline{display:none}.Coupons .Coupon .container .toggle-block:has(.toggleCheckbox:checked)+.toggle-online{display:none}.Coupons .Coupon .container .toggle-block:has(.toggleCheckbox:checked)~.toggle-offline{display:block}.Coupons .Coupon.disabled .type{background:#b3b3b3}.Coupons .Coupon .offline-badge{display:none;gap:4px;padding:8px 16px;border-radius:20px;background:#0093c4}.Coupons .Coupon .offline-badge .icon-svg-store{line-height:1}.Coupons .Coupon .offline-badge-text{font-size:10px}@media screen and (min-width: 1080px){.Coupons .Coupon .offline-badge-text{font-size:12px}}.Coupons .Coupon .offline-badge-text span{display:block}@media screen and (min-width: 1080px){.Coupons .Coupon .offline-badge-text span{display:none}}.Coupons .Coupon.online .offline-badge{display:none}.Coupons .Coupon.offline .offline-badge{display:flex;align-items:center}.Coupons .Coupon.offline .type{background:#00a9e0}@media screen and (min-width: 1080px){.Coupons .label,.Coupons .btn-lg-sqr-outline{width:210px!important;margin-inline:auto}}.Coupons .Expand{padding:8px 0;margin:0 10px}@media screen and (min-width: 1080px){.Coupons .Expand{margin:0}}.ContentsWrapper{display:grid;gap:40px}@media screen and (min-width: 1080px){.ContentsWrapper{background-color:#f7f9fa;padding:80px;gap:80px}}.MyCoupon{padding:20px;display:grid;gap:40px}@media screen and (min-width: 1080px){.MyCoupon{max-width:1080px;margin-inline:auto}}.MyCoupon .Header{display:grid;gap:20px}.MyCoupon .Header .title{color:var(--txt-black);font-size:24px;line-height:125%}@media screen and (min-width: 1080px){.MyCoupon .Header .title{font-size:28px}}.MyCoupon .Customer{display:grid;gap:20px}.MyCoupon .Customer .text{color:var(--txt-gray);font-size:14px;line-height:150%}.MyCoupon .Customer .buttons{display:flex;gap:10px}.MyCoupon .Customer .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:14px;border:solid 1px #d9d9d9;border-radius:4px;line-height:1;font-size:12px;word-break:keep-all;width:100%}@media screen and (min-width: 1080px){.MyCoupon .Customer .button{background-color:#fff}}.MyCoupon .Customer .button:after{content:"";display:inline-block;width:1em;height:1em;line-height:1;background:var(--txt-gray);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);mask-image:url(https://cdn.shopify.com/s/files/1/0508/4381/2001/files/ico-arrow.svg?v=1691569533);transition:all .3s}.MyCoupon .Customer .button:before{content:"";display:inline-block;position:absolute;z-index:-1;top:0;left:0;width:0;height:100%;background:#d9d9d9;transition:all .3s;opacity:.1}.MyCoupon .Customer .button.register{background-color:var(--clr-anker);border:unset;color:#fff}.MyCoupon .Customer .button.register:after{background:#fff}.MyCoupon .CouponItems{display:grid;gap:20px}@media screen and (min-width: 1080px){.MyCoupon .CouponItems{gap:40px}}.MyCoupon .CouponItems .unavailable{border-radius:4px;border:1px solid var(--border-color, #e6e6e6);text-align:center;font-size:14px;line-height:150%;padding:20px;margin-bottom:-10px}.MyCoupon #no-coupons{display:none}.MyCoupon #no-coupons.available{display:block}.App{background:#f7f9fa;padding:40px 20px;margin:20px 0 60px}.App .wrapper{display:grid;gap:20px}.App .header{display:flex;align-items:center;justify-content:center;gap:20px}.App .header img{width:64px}.App .title{color:var(--txt-black);font-size:14px;font-weight:700;line-height:125%}.App .list{border-radius:4px;border:1px solid #e6e6e6;background:#fff;padding-block:40px;max-width:350px;margin-inline:auto;gap:10px;display:flex;justify-content:center;align-items:center;width:100%}@media screen and (min-width: 1080px){.Mile{padding:0}}.Mile .Heading{margin-bottom:20px}@media screen and (min-width: 1080px){.Mile .Heading{margin-bottom:40px}}.Mile .wrapper{display:grid;gap:20px}@media screen and (min-width: 1080px){.Mile .wrapper{gap:80px;grid-template-columns:1fr 1fr}}.Mile .wrapper .buttons{display:grid;gap:10px}.Mile .wrapper .btn-lg-sqr-outline{margin-top:10px;background-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/137/assets/page-my-coupon.css.map */