.badge-only-customizer-trigger{display:block;width:100%}.badge-only-customizer-mount{margin-top:var(--margin-sm)}.badge-only-customizer{display:flex;flex-direction:column;gap:var(--gap-lg);padding:0;align-items:flex-start}@media screen and (max-width:749px){.badge-only-customizer{padding:0}}.badge-only-customizer__step{display:grid;gap:var(--gap-sm);padding:0;border:0;border-radius:0;background:transparent}.badge-only-customizer__step.badge-only-customizer__hidden{display:none}.badge-only-customizer__step-label{margin:0;width:fit-content}.badge-only-customizer__step-label.product-badges__badge{color:var(--color-background);background:var(--color-foreground)}.badge-only-customizer__step-title{margin:0;font-size:var(--font-paragraph--size);font-weight:var(--font-paragraph--weight-bold)}.badge-only-customizer__help{margin:0;color:rgb(var(--color-foreground-rgb) / .8)}.badge-only-customizer__options{display:grid;gap:var(--gap-xs)}.badge-only-customizer__options.variant-option--buttons{display:flex;flex-wrap:wrap;align-items:center}.badge-only-customizer__options.variant-option--swatches{gap:var(--gap-sm)}.badge-only-customizer .variant-option--buttons label:has(.swatch){border-radius:var(--variant-picker-swatch-radius)}.badge-only-customizer__dropdown{position:relative;width:min(100%,24rem)}.badge-only-customizer__dropdown[open]{z-index:3}.badge-only-customizer__dropdown-summary{list-style:none;cursor:pointer;display:block;padding:var(--padding-sm) var(--padding-md);padding-right:calc(var(--padding-lg) + var(--padding-sm));border:var(--style-border-width-inputs) solid rgb(var(--color-border-rgb));border-radius:var(--style-border-radius-inputs);background:rgb(var(--color-background-rgb));position:relative}.badge-only-customizer__dropdown-summary:hover{border-color:rgb(var(--color-foreground-rgb) / .45);background:rgb(var(--color-foreground-rgb) / .03)}.badge-only-customizer__dropdown-summary::-webkit-details-marker{display:none}.badge-only-customizer__dropdown-summary:after{content:"";position:absolute;top:50%;right:var(--padding-md);width:.5rem;height:.5rem;border-right:2px solid rgb(var(--color-foreground-rgb) / .8);border-bottom:2px solid rgb(var(--color-foreground-rgb) / .8);transform:translateY(-65%) rotate(45deg);transition:transform var(--animation-speed) var(--animation-easing);pointer-events:none}.badge-only-customizer__dropdown[open] .badge-only-customizer__dropdown-summary:after{transform:translateY(-35%) rotate(-135deg)}.badge-only-customizer__dropdown-summary:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.badge-only-customizer__dropdown-summary-content{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--gap-sm);align-items:center}.badge-only-customizer__dropdown-options{position:absolute;left:0;right:0;top:calc(100% + var(--gap-2xs));max-height:16rem;overflow:auto;padding:var(--gap-2xs);border:var(--style-border-width-inputs) solid rgb(var(--color-border-rgb));border-radius:var(--style-border-radius-inputs);background:rgb(var(--color-background-rgb));box-shadow:0 .5rem 1rem rgb(var(--color-shadow-rgb) / .15);z-index:4}.badge-only-customizer__option{display:block}.badge-only-customizer__option input{position:absolute;opacity:0;pointer-events:none}.badge-only-customizer__option-content,.badge-only-customizer__option>span{display:flex;width:100%;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border:var(--style-border-width-inputs) solid transparent;border-radius:var(--style-border-radius-inputs);cursor:pointer}.badge-only-customizer__option-content:hover,.badge-only-customizer__option>span:hover{background:rgb(var(--color-foreground-rgb) / .05)}.badge-only-customizer__option input:checked+.badge-only-customizer__option-content,.badge-only-customizer__option input:checked+span{border-color:rgb(var(--color-foreground-rgb));background:rgb(var(--color-foreground-rgb) / .1)}.badge-only-customizer__variant-choice{display:inline-flex;flex:0 0 auto;--variant-min-width: 3.5rem}.badge-only-customizer__preview{border:0;border-radius:0;padding:0;background:transparent}.badge-only-customizer__preview-frame{width:min(100%,24rem);aspect-ratio:1 / 1;margin:0;display:flex;align-items:flex-start;justify-content:flex-start}.badge-only-customizer__preview-canvas{display:block;width:100%;height:100%;border-radius:var(--style-border-radius-inputs);background:rgb(var(--color-background-rgb) / .5);object-fit:contain;object-position:left top}.badge-only-customizer__preview-status{margin:var(--margin-xs) 0 0;font-size:var(--font-paragraph-small--size);color:rgb(var(--color-foreground-rgb) / .75)}.badge-only-customizer__color-options{display:flex;flex-wrap:wrap;gap:var(--gap-xs);align-items:center}.badge-only-customizer__color-option{display:inline-flex;align-items:center;gap:var(--gap-xs)}.badge-only-customizer__swatch-label{font-size:var(--font-paragraph-small--size)}.badge-only-customizer__product-image{width:2.4rem;height:2.4rem;object-fit:cover;border-radius:var(--style-border-radius-inputs)}.badge-only-customizer__continue,.badge-only-customizer__add{width:fit-content}.badge-only-customizer__summary{display:grid;gap:var(--gap-2xs);padding:var(--padding-sm) var(--padding-md);border-radius:var(--style-border-radius-inputs);border:var(--style-border-width-inputs) solid rgb(var(--color-border-rgb));background:rgb(var(--color-background-rgb) / .96);position:sticky;top:var(--padding-sm);z-index:1}.badge-only-customizer__step__container{width:100%;border-radius:10px;background-color:#efefef}.badge-only-customizer--top .badge-only-customizer__step,.badge-only-customizer--bottom .badge-only-customizer__step{grid-column:1 / -1;padding:var(--padding-lg)}.badge-only-customizer__summary-title,.badge-only-customizer__summary-sub{margin:0}.badge-only-customizer__summary-title{font-weight:var(--font-weight-semibold)}.badge-only-customizer__field{display:grid;gap:var(--gap-2xs);width:min(100%,24rem)}.badge-only-customizer__field input{width:100%}@media screen and (min-width:750px){.badge-only-customizer{gap:var(--gap-md)}}.badge-only-customizer__error{margin:0;color:rgb(var(--color-error-rgb))}.badge-only-customizer__message{margin:0}.badge-only-customizer__hidden{display:none}fieldset.badge-only-customizer__variant-size-hidden{display:none!important}variant-picker fieldset.badge-only-customizer__variant-size-hidden{display:none!important}.badge-only-customizer-warning{opacity:.65;padding:1em;border:1px dashed;text-align:center;border-radius:var(--style-border-radius-buttons-primary)}.badge-only-customizer-warning .placeholder__label{font-size:.9em;text-align:left}.badge-only-customizer-warning .placeholder__label ul{margin:.5em 0 0;padding-inline-start:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/24/assets/badge-only-customizer.css.map */