.line-coupon{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);color:#353a32;font-family:var(--font-numbers-family),var(--font-japanese-family);letter-spacing:.025em}.line-coupon__message{position:relative;min-width:0;background:#faf9f5;border:1px solid #deded3;border-radius:12px;box-shadow:0 4px 22px #262d2314}.line-coupon[hidden]{display:none}.line-coupon__offer{display:block;padding:13px 32px 13px 20px;color:inherit;text-decoration:none;line-height:1.7}.line-coupon__intro{display:block;font-size:13px}.line-coupon__benefit{display:block;font-size:15px}.line-coupon__amount{font-size:21px;line-height:1}.line-coupon__close{position:absolute;top:0;right:0;display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;background:transparent;color:#73766d;cursor:pointer}.line-coupon__close svg{width:16px;height:16px}.line-coupon__icon{display:block;flex:0 0 56px;border-radius:13px;box-shadow:0 4px 18px #262d231c}.line-coupon__icon img{display:block;width:56px;height:56px}.line-coupon a:focus-visible,.line-coupon button:focus-visible{outline:2px solid #606d55;outline-offset:3px}body:is(.overflow-hidden,.overflow-hidden-mobile,.overflow-hidden-tablet,.overflow-hidden-desktop) .line-coupon,body:has(details[open]>.search-modal) .line-coupon{visibility:hidden}@media screen and (max-width:749px){.line-coupon{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));gap:9px;max-width:calc(100vw - 24px)}.line-coupon__offer{padding:10px 26px 10px 13px}.line-coupon__intro{font-size:11px}.line-coupon__benefit{font-size:12px;letter-spacing:0}.line-coupon__amount{font-size:18px}.line-coupon__icon{flex-basis:48px;border-radius:11px}.line-coupon__icon img{width:48px;height:48px}}.line-coupon:not([hidden]) .line-coupon__icon{animation:line-coupon-icon-in .65s ease-out both}.line-coupon:not([hidden]) .line-coupon__message{animation:line-coupon-message-in .65s cubic-bezier(.22,1,.36,1) .22s both}@keyframes line-coupon-icon-in{0%{opacity:0}to{opacity:1}}@keyframes line-coupon-message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.line-coupon:not([hidden]) .line-coupon__icon,.line-coupon:not([hidden]) .line-coupon__message{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/floating-line-coupon.css.map */