.store-notice{position:fixed;bottom:var(--padding-4xl);right:var(--padding-4xl);z-index:var(--layer-temporary);width:min(22rem,calc(100vw - var(--padding-4xl) * 2));pointer-events:auto}.store-notice[hidden]{display:none}.store-notice__inner{display:flex;align-items:flex-start;gap:var(--padding-md);padding:var(--padding-xl) var(--padding-lg);background-color:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));border:1px solid rgb(var(--color-border-rgb) / var(--border-opacity, 1));border-radius:var(--style-border-radius-popover, var(--style-border-radius-md));box-shadow:var(--shadow-popover, 0 4px 24px rgb(var(--color-shadow-rgb) / .12))}.store-notice__body{display:flex;align-items:flex-start;gap:var(--padding-sm);flex:1;min-width:0}.store-notice__icon{flex-shrink:0;margin-top:.1em;color:rgb(var(--color-primary-rgb));fill:currentColor}.store-notice__message{flex:1;min-width:0;font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.4);color:rgb(var(--color-foreground-rgb))}.store-notice__message p{margin:0}.store-notice__message p+p{margin-top:var(--padding-xs)}.store-notice__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--padding-2xs);margin:-var(--padding-2xs);background:none;border:none;border-radius:var(--style-border-radius-xs);color:rgb(var(--color-foreground-rgb) / .5);cursor:pointer;transition:color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing);line-height:0}.store-notice__close:hover{color:rgb(var(--color-foreground-rgb));background-color:rgb(var(--color-foreground-rgb) / .06)}.store-notice__close svg{fill:currentColor}@keyframes storeNoticeSlideIn{0%{opacity:0;transform:translateY(var(--padding-lg))}to{opacity:1;transform:translateY(0)}}@keyframes storeNoticeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--padding-lg))}}.store-notice:not([hidden]){animation:storeNoticeSlideIn var(--animation-speed-slow, .2s) var(--animation-easing, ease-in-out) forwards}.store-notice.is-dismissing{animation:storeNoticeSlideOut var(--animation-speed-slow, .2s) var(--animation-easing, ease-in-out) forwards}@media screen and (max-width:39.9375em){.store-notice{bottom:var(--padding-lg);right:var(--padding-lg);left:var(--padding-lg);width:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/store-notice.css.map */