.engrosbiler-button.svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-default);--engrosbiler-button-fill:var(--background);--engrosbiler-button-fill-foreground:var(--foreground);justify-content:center;align-items:center;gap:var(--control-gap-default);min-height:var(--engrosbiler-button-height);padding-inline:var(--control-padding-inline-lg);border:var(--border-width) solid transparent;border-radius:var(--button-radius);background:var(--primary);color:var(--primary-foreground);font-size:var(--type-small);text-align:center;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--motion-duration-default) var(--motion-easing), color var(--motion-duration-slow) var(--motion-easing), border-color var(--motion-duration-default) var(--motion-easing);flex-shrink:0;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.engrosbiler-button__label.svelte-12vpmrj{z-index:1;align-items:center;gap:inherit;display:inline-flex;position:relative}.engrosbiler-button.svelte-12vpmrj:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.engrosbiler-button.svelte-12vpmrj:active:not([aria-haspopup]){transform:translateY(1px)}.engrosbiler-button.svelte-12vpmrj:disabled,.engrosbiler-button[aria-disabled=true].svelte-12vpmrj{opacity:var(--disabled-opacity);cursor:default;pointer-events:none}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj{padding-right:calc(var(--engrosbiler-button-height) + var(--control-padding-inline-sm))}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:before{inset:3px 3px 3px calc(100% - var(--engrosbiler-button-height) + 3px);border-radius:var(--button-radius);background:var(--engrosbiler-button-fill);content:"";pointer-events:none;transition:inset var(--motion-duration-slow) var(--motion-easing);position:absolute}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:is(:where(.svelte-12vpmrj):hover,:where(.svelte-12vpmrj):focus-visible):not(:disabled):not([aria-disabled=true]):before{inset:0}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:is(:where(.svelte-12vpmrj):hover,:where(.svelte-12vpmrj):focus-visible):not(:disabled):not([aria-disabled=true]){color:var(--engrosbiler-button-fill-foreground)}.engrosbiler-button__arrow.svelte-12vpmrj{z-index:1;width:calc(var(--engrosbiler-button-height) - 6px);aspect-ratio:1;background:var(--engrosbiler-button-fill);color:var(--engrosbiler-button-fill-foreground);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:3px;overflow:hidden;transform:translateY(-50%)}.engrosbiler-button__arrow-icon.svelte-12vpmrj{width:var(--control-icon-size-default);height:var(--control-icon-size-default);transition:transform var(--motion-duration-slow) var(--motion-easing);position:absolute}.engrosbiler-button__arrow-icon--enter.svelte-12vpmrj{transform:translate(-170%)scale(0)}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:is(:where(.svelte-12vpmrj):hover,:where(.svelte-12vpmrj):focus-visible) .engrosbiler-button__arrow-icon--enter:where(.svelte-12vpmrj){transform:translate(0)scale(1)}.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:is(:where(.svelte-12vpmrj):hover,:where(.svelte-12vpmrj):focus-visible) .engrosbiler-button__arrow-icon--leave:where(.svelte-12vpmrj){transform:translate(120%)scale(0)}.engrosbiler-button[data-variant=outline].svelte-12vpmrj{--engrosbiler-button-fill:var(--primary);--engrosbiler-button-fill-foreground:var(--primary-foreground);border-color:var(--border);background:var(--background);color:var(--foreground)}.engrosbiler-button[data-variant=secondary].svelte-12vpmrj{--engrosbiler-button-fill:var(--primary);--engrosbiler-button-fill-foreground:var(--primary-foreground);background:var(--secondary);color:var(--secondary-foreground)}.engrosbiler-button[data-variant=ghost].svelte-12vpmrj{color:var(--foreground);background:0 0}.engrosbiler-button[data-variant=ghost].svelte-12vpmrj:hover{background:var(--muted)}.engrosbiler-button[data-variant=destructive].svelte-12vpmrj{background:color-mix(in oklab, var(--destructive) 10%, transparent);color:var(--destructive)}.engrosbiler-button[data-variant=destructive].svelte-12vpmrj:hover{background:color-mix(in oklab, var(--destructive) 20%, transparent)}.engrosbiler-button[data-variant=link].svelte-12vpmrj{color:var(--primary);text-underline-offset:4px;background:0 0;padding-inline:0;text-decoration:underline}.engrosbiler-button[aria-expanded=true].svelte-12vpmrj:is([data-variant=outline]:where(.svelte-12vpmrj),[data-variant=ghost]:where(.svelte-12vpmrj)){background:var(--muted)}.engrosbiler-button[data-size=xs].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-xs);gap:var(--control-gap-xs);padding-left:var(--control-padding-inline-xs)}.engrosbiler-button[data-size=sm].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-sm);gap:var(--control-gap-sm);padding-left:var(--control-padding-inline-sm)}.engrosbiler-button[data-size=lg].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-lg);gap:var(--control-gap-lg);padding-left:var(--control-padding-inline-lg)}.engrosbiler-button[data-size^=icon].svelte-12vpmrj{aspect-ratio:1;padding:0}.engrosbiler-button[data-size=icon-xs].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-xs);width:var(--control-height-xs)}.engrosbiler-button[data-size=icon-sm].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-sm);width:var(--control-height-sm)}.engrosbiler-button[data-size=icon].svelte-12vpmrj{width:var(--control-height-default)}.engrosbiler-button[data-size=icon-lg].svelte-12vpmrj{--engrosbiler-button-height:var(--control-height-lg);width:var(--control-height-lg)}.engrosbiler-button[data-arrow-fill=false][data-size=xs].svelte-12vpmrj{padding-right:var(--control-padding-inline-xs)}.engrosbiler-button[data-arrow-fill=false][data-size=sm].svelte-12vpmrj{padding-right:var(--control-padding-inline-sm)}.engrosbiler-button[data-variant=link][data-size].svelte-12vpmrj{padding-inline:0}.engrosbiler-button[data-size=xs].svelte-12vpmrj .engrosbiler-button__arrow-icon:where(.svelte-12vpmrj),.engrosbiler-button[data-size=icon-xs].svelte-12vpmrj .engrosbiler-button__label:where(.svelte-12vpmrj) svg{width:var(--control-icon-size-xs);height:var(--control-icon-size-xs)}@media (prefers-reduced-motion:reduce){.engrosbiler-button.svelte-12vpmrj,.engrosbiler-button[data-arrow-fill=true].svelte-12vpmrj:before,.engrosbiler-button__arrow-icon.svelte-12vpmrj{transition:none}}
