.restock-notify-wrapper{margin-top:1rem;width:100%}.restock-notify-wrapper--inline{margin-top:0}.restock-notify-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:1.2rem 2.5rem;min-height:4.8rem;font-family:var(--font-button-family);font-weight:600;font-size:1.4rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);border-radius:var(--buttons-radius, 0);-webkit-appearance:none;appearance:none}.restock-notify-button.button--full-width{width:100%}.restock-notify-button.button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;box-shadow:0 2px 4px #0000001a}.restock-notify-button.button--primary:hover,.restock-notify-button.button--primary:focus-visible{background-color:rgb(var(--color-button-hover, var(--color-button)));box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.restock-notify-button.button--secondary{background-color:rgb(var(--color-button-secondary, 245, 245, 245));color:rgb(var(--color-button-secondary-text, var(--color-foreground)));border:.1rem solid rgba(var(--color-foreground),.2)}.restock-notify-button.button--secondary:hover,.restock-notify-button.button--secondary:focus-visible{background-color:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.4)}.restock-notify-button.button--outline{background-color:transparent;color:rgb(var(--color-foreground));border:.2rem solid rgb(var(--color-foreground))}.restock-notify-button.button--outline:hover,.restock-notify-button.button--outline:focus-visible{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.restock-notify-button.button--accent{background-color:#28a745;color:#fff;border:none}.restock-notify-button.button--accent:hover,.restock-notify-button.button--accent:focus-visible{background-color:#218838}.restock-notify-button:active{transform:translateY(0) scale(.98)}.restock-notify-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.restock-notify-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.restock-notify-block__button--loading{position:relative;pointer-events:none}.restock-notify-block__button--loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:restock-notify-spin .8s linear infinite}.restock-notify-block__button--loading .restock-notify-text,.restock-notify-block__button--loading .restock-notify-icon{opacity:0}@keyframes restock-notify-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.restock-notify-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.restock-notify-icon svg{width:20px;height:20px;transition:transform .2s ease}.restock-notify-button:hover .restock-notify-icon svg{transform:scale(1.1)}.restock-notify-button:hover .restock-notify-icon svg{animation:bell-ring .5s ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}.restock-notify-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restock-notify-inline-form{margin-top:1.5rem;padding:1.5rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 4px);background-color:rgb(var(--color-background));box-shadow:0 2px 8px #0000000d}.restock-notify-inline-form:empty{display:none!important}.restock-notify-inline-form.is-visible{animation:restock-slide-in .3s ease-out}@keyframes restock-slide-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.restock-notify-button.is-loading{pointer-events:none;position:relative}.restock-notify-button.is-loading .restock-notify-text{opacity:0}.restock-notify-button.is-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.restock-notify-button.button--compact{padding:.8rem 1.5rem;min-height:3.6rem;font-size:1.2rem}.restock-notify-button.button--compact .restock-notify-icon svg{width:16px;height:16px}.restock-notify-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:1.1rem;font-weight:500;color:#856404;background-color:#fff3cd;border-radius:9999px;margin-bottom:1rem}.restock-notify-badge svg{width:14px;height:14px}@media screen and (max-width:749px){.restock-notify-button{padding:1rem 1.5rem;min-height:4.4rem;font-size:1.3rem;letter-spacing:.05rem}.restock-notify-icon svg{width:18px;height:18px}.restock-notify-inline-form{padding:1rem;margin-top:1rem}}@media screen and (max-width:480px){.restock-notify-button{font-size:1.2rem;gap:.4rem}.restock-notify-button.button--stacked{flex-direction:column;padding:1rem}}.quick-add-modal .restock-notify-wrapper{margin-top:1.5rem}.card .restock-notify-wrapper{margin-top:.5rem}.card .restock-notify-button{padding:.6rem 1rem;min-height:3.2rem;font-size:1.1rem}.restock-notify-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:center}.restock-notify-overlay .restock-notify-button{background-color:#fffffff2;color:#333;border:none}.restock-notify-overlay .restock-notify-button:hover{background-color:#fff}@media(prefers-color-scheme:dark){.restock-notify-badge{background-color:#5a4a1f;color:#ffd866}}@media print{.restock-notify-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-restock-notify.css.map */