.custom-alert{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:flex-end;padding:var(--padding-lg) var(--padding-sm) var(--padding-sm) var(--padding-lg);pointer-events:none}.custom-alert--visible{display:flex;pointer-events:none}.custom-alert--visible .custom-alert__content{pointer-events:auto}.custom-alert[data-position=bottom-center]{justify-content:center;padding-left:var(--padding-sm)}.custom-alert[data-position=bottom-left]{justify-content:flex-start;padding-left:var(--padding-sm);padding-right:var(--padding-lg)}.custom-alert[data-position=top-right]{align-items:flex-start;padding-top:var(--padding-sm);padding-bottom:var(--padding-lg)}.custom-alert[data-position=top-center]{align-items:flex-start;justify-content:center;padding-top:var(--padding-sm);padding-bottom:var(--padding-lg);padding-left:var(--padding-sm)}.custom-alert[data-position=top-left]{align-items:flex-start;justify-content:flex-start;padding-top:var(--padding-sm);padding-bottom:var(--padding-lg);padding-left:var(--padding-sm);padding-right:var(--padding-lg)}.custom-alert[data-position=center]{align-items:center;justify-content:center;padding:var(--padding-sm)}[data-variant=terms] .custom-alert__backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-bg) 10%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.custom-alert__content{position:relative;width:100%;max-width:400px;background-color:var(--color-bg-offset);border-radius:var(--radius-lg);padding:var(--padding-md);padding-top:var(--padding-sm);box-shadow:0 20px 25px -5px #0000001a;animation:customAlertSlideIn .3s ease}@keyframes customAlertSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.custom-alert__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.custom-alert__title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.custom-alert__icon{flex-shrink:0;color:var(--color-text)}.custom-alert__title-group{display:flex;flex-direction:row;align-items:baseline;gap:var(--spacing-xs)}.custom-alert__title{font-size:var(--font-size-md);font-weight:500;color:var(--color-text);margin:0}.custom-alert__subtitle{font-size:var(--font-size-sm);color:var(--color-text-60);font-weight:400}.custom-alert__close{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:background-color .2s ease}.custom-alert__close .icon{background-color:var(--color-text-50)}.custom-alert__body{font-size:var(--font-size-md);color:var(--color-text-75);line-height:1.5;margin:0 0 var(--spacing-sm) 0}[data-variant=success] .custom-alert__body,[data-variant=error] .custom-alert__body,[data-variant=info] .custom-alert__body{margin:0}[data-variant=terms] .custom-alert{border:1px solid var(--color-shading-base)}.custom-alert__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.custom-alert__button{padding:var(--padding-xs) var(--padding-md);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,transform .1s ease;border:none}.custom-alert__button--secondary{background-color:transparent;color:var(--color-text-60);border:1px solid var(--color-text-25)}.custom-alert__button--primary{background-color:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-text-75);border:1px solid var(--color-accent)}.custom-alert__button--danger{background-color:color-mix(in srgb,var(--color-error) 25%,transparent);color:var(--color-error);border:1px solid var(--color-error)}.custom-alert__button:active{transform:translateY(0)}@media(hover:hover)and (pointer:fine){.custom-alert__close:hover{background-color:var(--color-shading-base)}.custom-alert__close:hover .icon{background-color:var(--color-text)}.custom-alert__button--secondary:hover{background-color:var(--color-shading-soft)}.custom-alert__button--primary:hover{background-color:var(--color-button-neutral);color:var(--color-button-neutral-text);transform:translateY(-1px)}.custom-alert__button--danger:hover{background-color:var(--color-error);color:#fff;transform:translateY(-1px)}}.custom-alert__quantity{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--padding-sm);background-color:var(--color-shading-soft);border-radius:var(--radius-md)}.custom-alert__quantity-label{font-size:var(--font-size-md);font-weight:500;color:var(--color-text)}.custom-alert__quantity-control{display:flex;align-items:center;gap:var(--spacing-xs)}.custom-alert__quantity-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);border:1px solid var(--color-shading-base);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}.custom-alert__quantity-btn .icon{background-color:var(--color-text-60)}.custom-alert__quantity-btn:disabled{opacity:.4;cursor:not-allowed}.custom-alert__quantity-input{width:3rem;height:2rem;text-align:center;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-shading-base);border-radius:var(--radius-sm)}.custom-alert__quantity-input::-webkit-outer-spin-button,.custom-alert__quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-alert__summary{margin-bottom:var(--spacing-md);padding:var(--padding-sm);background-color:var(--color-shading-soft);border-radius:var(--radius-md)}.custom-alert__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-60);padding:var(--spacing-xxs) 0}.custom-alert__summary-row--total{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);border-top:1px solid var(--color-shading-base);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.custom-alert__summary-note{font-size:var(--font-size-xs);color:var(--color-text-50);margin:var(--spacing-sm) 0 0 0;line-height:1.4}@media(hover:hover)and (pointer:fine){.custom-alert__quantity-btn:not(:disabled):hover{background-color:var(--color-shading-base)}.custom-alert__quantity-btn:not(:disabled):hover .icon{background-color:var(--color-text)}}[data-variant=delete-account] .custom-alert__backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-bg) 10%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}[data-variant=delete-account] .custom-alert__content{max-width:440px}.custom-alert__icon--danger{color:var(--color-error);background-color:var(--color-error)}.custom-alert__form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.custom-alert__field{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.custom-alert__field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-75)}.custom-alert__field-input{width:100%;padding:var(--padding-xs) var(--padding-sm);font-size:var(--font-size-md);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-shading-base);border-radius:var(--radius-md);transition:border-color .2s ease;box-sizing:border-box}.custom-alert__field-input:focus{outline:none;border-color:var(--color-accent)}.custom-alert__field-input--error{border-color:var(--color-error)}.custom-alert__field-error{font-size:var(--font-size-sm);color:var(--color-error);margin:0;line-height:1.4}.custom-alert__checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;line-height:1.5}.custom-alert__checkbox{margin-top:2px;flex-shrink:0;accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.custom-alert__button:disabled{opacity:.4;cursor:not-allowed;transform:none}[data-variant=confirm] .custom-alert__backdrop{position:absolute;inset:0;background-color:color-mix(in srgb,var(--color-bg) 10%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}@media(max-width:480px){.custom-alert{padding:var(--padding-sm)}.custom-alert__content{max-width:100%}.custom-alert__actions{flex-direction:column}.custom-alert__button{width:100%;justify-content:center}}
