.smb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1.5px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:700;line-height:1;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-base) var(--ease-spring)}.smb-btn:hover,.smb-btn:focus{text-decoration:none}.smb-btn:active{transform:scale(.97)}@keyframes smb-added-pulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.smb-btn.is-added{animation:smb-added-pulse var(--duration-base) var(--ease-spring)}.smb-btn--pill{border-radius:var(--radius-pill)}.smb-btn--primary{background:var(--color-primary-button-bg);color:var(--color-primary-button-text);border-color:var(--color-primary-button-bg);box-shadow:var(--shadow-button)}.smb-btn--primary:not([aria-disabled=true]):not(:disabled):hover{background:var(--color-primary-button-hover-bg);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-bg)}.smb-btn--secondary{background:transparent;color:var(--color-secondary-button-text);border-color:var(--color-secondary-button-border)}.smb-btn--secondary:not([aria-disabled=true]):not(:disabled):hover{background:var(--color-secondary-button-hover-bg);color:var(--color-secondary-button-hover-text)}.smb-btn--ghost{background:transparent;color:var(--color-primary);border-color:transparent}.smb-btn--ghost:not([aria-disabled=true]):not(:disabled):hover{background:var(--color-surface);color:var(--color-primary-hover)}.smb-btn--clear{background:transparent;color:var(--cream-on-dark);border-color:var(--overlay-cream)}.smb-btn--clear:not([aria-disabled=true]):not(:disabled):hover{background:#e6f0e21f;border-color:var(--cream-on-dark);transform:scale(1.025)}.smb-btn[aria-disabled=true],.smb-btn:disabled{cursor:not-allowed;opacity:.45}.smb-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.smb-btn{transition:none}.smb-btn.is-added{animation:none!important}.smb-btn:active{transform:none!important}}.smb-accordion-item{border-bottom:1px solid var(--color-border)}.smb-accordion-item:first-child{border-top:1px solid var(--color-border)}.smb-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4-5) var(--space-1);background:transparent;border:none;cursor:pointer;text-align:left;font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-body-lg);letter-spacing:-.015em;color:var(--color-foreground)}@media(max-width:1024px){.smb-accordion-trigger{font-size:var(--font-size-md)}.smb-empty-title{font-size:var(--font-size-body)}}.smb-accordion-sign{flex:none;font-family:var(--font-heading);font-weight:400;font-size:var(--font-size-2xl);line-height:1;color:var(--color-primary);transition:transform var(--duration-base) var(--ease-standard)}.smb-accordion-item.is-open .smb-accordion-sign{transform:rotate(45deg)}.smb-accordion-body{overflow:hidden;max-height:0;opacity:0;padding:0 var(--space-1);font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.6;color:var(--color-muted);max-width:62ch;transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),padding var(--duration-base) var(--ease-standard)}.smb-accordion-item.is-open .smb-accordion-body{max-height:400px;opacity:1;padding-bottom:22px}@media(prefers-reduced-motion:reduce){.smb-accordion-sign,.smb-accordion-body{transition:none}}.smb-toast-holder{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:var(--z-toast)}.smb-toast{display:inline-flex;align-items:center;gap:var(--space-3-5);max-width:420px;padding:var(--space-3-5) 18px;border-radius:var(--radius-md);background:var(--green-deep);color:var(--cream-100);box-shadow:var(--shadow-popover);animation:smb-rise var(--duration-base) var(--ease-out) both}.smb-toast-tick{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:var(--radius-full);background:var(--green-vivid);color:var(--ink-900)}.smb-toast-msg{flex:1;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.4}.smb-toast-action{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);font-weight:600;font-size:var(--font-size-eyebrow);color:var(--green-vivid);white-space:nowrap}.smb-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center}.smb-empty--compact{padding:var(--space-5) var(--space-4)}.smb-empty-icon{display:inline-flex;color:var(--green-deep);opacity:.35}.smb-empty-icon svg{width:52px;height:52px}.smb-empty-title{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.02em;color:var(--color-foreground)}.smb-empty-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.55;color:var(--color-muted);max-width:36ch}.smb-empty-link{font-size:var(--font-size-sm);font-weight:600;color:var(--green-deep)}.smb-spinner-ring{display:inline-block;flex:none}.smb-spinner-ring svg{display:block;animation:smb-spin .75s linear infinite}.smb-spinner-dots{display:inline-flex;align-items:flex-end}.smb-spinner-dots>span{display:block;background:var(--color-primary);border-radius:2px;transform:rotate(45deg);animation:smb-diamond .9s cubic-bezier(.45,0,.55,1) infinite}@keyframes smb-spin{to{transform:rotate(360deg)}}@keyframes smb-diamond{0%,70%,to{transform:rotate(45deg) translateY(0) scale(.78);opacity:.45}35%{transform:rotate(45deg) translateY(var(--smb-diamond-rise, -9px)) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.smb-spinner-ring svg{animation:none}.smb-spinner-dots>span{animation:none;opacity:1}}.smb-skeleton{background:linear-gradient(100deg,color-mix(in oklch,var(--color-foreground) 8%,transparent) 30%,color-mix(in oklch,var(--color-foreground) 16%,transparent),color-mix(in oklch,var(--color-foreground) 8%,transparent) 70%);background-size:200% 100%;animation:smb-shimmer 1.3s ease-in-out infinite}.smb-skeleton-text{display:flex;flex-direction:column}.smb-skeleton-text .smb-skeleton{display:block}@keyframes smb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.smb-skeleton,.smb-toast{animation:none}}.smb-field{display:flex;flex-direction:column;gap:7px}.smb-label{font-family:var(--font-mono);font-weight:700;font-size:var(--label-size-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-900)}.smb-input{width:100%;font-family:var(--font-body);font-size:var(--font-size-md);padding:13px 15px;border-radius:var(--radius-md);border:1.5px solid var(--cream-300);background:var(--smb-input-bg, var(--cream-100));color:var(--ink-900)}select.smb-input{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b4a25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:15px;padding-right:var(--space-7)}textarea.smb-input{line-height:1.6;resize:vertical}.smb-input:focus{outline:none;border-color:var(--green-vivid);box-shadow:0 0 0 3px #57b94938}.smb-input[aria-invalid=true]{border-color:var(--color-offer)}.smb-field-error{display:block;margin-top:var(--space-1-5);font-family:var(--font-mono);font-weight:700;font-size:var(--label-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-offer)}@keyframes smb-line-rise{0%{opacity:0;transform:translateY(var(--reveal-line-distance));clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0% 0)}}.smb-reveal{opacity:0}.smb-reveal.is-revealed{animation:smb-line-rise var(--duration-slow) var(--ease-out) forwards}.smb-reveal-group .smb-reveal.is-revealed:nth-child(1){animation-delay:0ms}.smb-reveal-group .smb-reveal.is-revealed:nth-child(2){animation-delay:var(--stagger-step)}.smb-reveal-group .smb-reveal.is-revealed:nth-child(3){animation-delay:calc(var(--stagger-step) * 2)}.smb-reveal-group .smb-reveal.is-revealed:nth-child(4){animation-delay:calc(var(--stagger-step) * 3)}.smb-reveal-group .smb-reveal.is-revealed:nth-child(5){animation-delay:calc(var(--stagger-step) * 4)}@media(prefers-reduced-motion:reduce){@keyframes smb-line-rise{0%{opacity:0;transform:none;clip-path:none}to{opacity:1;transform:none;clip-path:none}}.smb-reveal-group .smb-reveal.is-revealed{animation-delay:0ms}}@keyframes smb-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.smb-rise{animation:smb-rise var(--duration-slow) var(--ease-out) both;animation-delay:var(--smb-delay, 0ms)}@media(prefers-reduced-motion:reduce){.smb-rise{animation:smb-rise var(--duration-fast) var(--ease-standard) both}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brand-ui.css.map */