@layer components{.c-notice{--notice-icon: var(--icon-mask-info);display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-info);color:var(--color-text-primary);font-size:var(--type-small-size);line-height:var(--type-small-line)}.c-notice:before{content:"";flex:none;width:var(--icon-md);height:var(--icon-md);background-color:currentColor;-webkit-mask:var(--notice-icon) center / contain no-repeat;mask:var(--notice-icon) center / contain no-repeat}.c-notice>*{margin:0}.c-notice>:not(:first-child){margin-block-start:var(--space-1)}.c-notice__text{display:grid;gap:var(--space-1);min-width:0}.c-notice--success{--notice-icon: var(--icon-mask-check);background:var(--color-bg-success);color:var(--color-text-success)}.c-notice--warning{--notice-icon: var(--icon-mask-alert);background:var(--color-bg-warning);color:var(--color-text-warning)}.c-notice--error{--notice-icon: var(--icon-mask-alert);background:var(--color-bg-error);color:var(--color-text-error)}.c-toast-region{position:fixed;z-index:var(--z-toast);inset-inline:var(--space-4);inset-block-end:calc(var(--space-4) + var(--gd-fixed-bar, 0px) + var(--safe-bottom));display:grid;justify-items:stretch;gap:var(--space-2);pointer-events:none}@media(min-width:990px){.c-toast-region{inset-block:calc(var(--shell-header-bottom, var(--header-height)) + var(--space-3)) auto;inset-inline:auto max(var(--container-gutter),calc((100vw - var(--container-max)) / 2));width:calc(var(--space-12) * 2 + var(--space-raw-40))}}.c-toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-page);color:var(--color-text-primary);box-shadow:var(--shadow-md);pointer-events:auto;font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium);opacity:1;transform:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),display var(--duration-exit) allow-discrete}@starting-style{.c-toast{opacity:0;transform:translateY(var(--space-4))}}.c-toast[hidden]{display:none;opacity:0;transition-duration:var(--duration-fast)}.c-toast>.icon{width:var(--icon-md);height:var(--icon-md);flex:none}.c-toast--error>.icon{color:var(--color-text-error)}.c-toast>span{flex:1;min-width:0}.c-toast--consent{position:fixed;inset-inline:var(--container-gutter);inset-block-end:calc(var(--space-4) + var(--gd-fixed-bar, 0px) + var(--consent-offset, 0px) + var(--safe-bottom));gap:var(--space-3);min-block-size:var(--touch-target);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-inverse);color:var(--color-text-on-brand);box-shadow:var(--shadow-lg);font-weight:var(--font-weight-regular)}.c-toast--consent>.icon{color:var(--color-text-on-brand)}@media(min-width:990px){.c-toast--consent{inset-inline:var(--space-6) auto;inset-block-end:calc(var(--space-6) + var(--consent-offset, 0px))}}.c-toast__close{position:relative;display:grid;place-items:center;flex:none;margin:0;padding:0;border:0;background:none;color:var(--color-icon-default);cursor:pointer}.c-toast__close:after{content:"";position:absolute;inset:calc((var(--icon-md) - var(--touch-target)) / 2)}.c-toast__close svg{display:block;width:var(--icon-md);height:var(--icon-md)}.c-spinner{display:inline-flex;align-items:center;gap:var(--space-2)}.c-spinner__ring{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-round);border:var(--border-width-selected) solid;border-color:currentColor transparent currentColor transparent;animation:c-spin var(--duration-reveal) var(--ease-linear) infinite}.c-spinner--lg .c-spinner__ring{width:var(--icon-lg);height:var(--icon-lg)}.c-spinner__label--quiet{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes c-spin{to{transform:rotate(1turn)}}@media(forced-colors:active){.c-notice:before{background-color:CanvasText}}@media(prefers-reduced-motion:reduce){.c-toast{transition:opacity var(--duration-fast) var(--ease-out);transform:none}@starting-style{.c-toast{transform:none}}.c-spinner__ring{display:none;animation:none}.c-spinner__label--quiet{position:static;overflow:visible;clip-path:none}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-feedback.css.map */