.card-variants__select{width:100%;min-width:0;font-family:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.02rem;padding:0 2.6rem 0 1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;border-radius:0 var(--buttons-radius, .4rem) var(--buttons-radius, .4rem) 0;color:#fff;background-color:#7ac143;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='white' stroke-width='1.5'/></svg>"),linear-gradient(#0000,#0000);background-repeat:no-repeat,no-repeat;background-position:right 1rem center,0 0;background-size:1rem,100% 100%;cursor:pointer;-webkit-appearance:none;appearance:none}.card-variants__select:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='white' stroke-width='1.5'/></svg>"),linear-gradient(#0000001f,#0000001f)}.card-variants__select:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-variants__select option{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background))}product-form>.card-variants{display:block;margin:0 0 .8rem;text-align:left}.card-variants__option{border:0;margin:0 0 .6rem;padding:0}.card-variants__label{display:block;padding:0;margin:0 0 .4rem;font-size:1.1rem;font-weight:600;letter-spacing:.06rem;line-height:1.2;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.card-variants__option:last-child{margin-bottom:0}.card-variants__pills{display:flex;flex-wrap:wrap;gap:.5rem}.card-variants__pill{position:relative}.card-variants__pill input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.card-variants__pill span{display:block;min-width:calc(6ch + 2.6rem);padding:.7rem 1.2rem;font-size:1.2rem;font-weight:500;letter-spacing:.02rem;line-height:1;text-align:center;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease}.card-variants__pill input:hover+span{border-color:var(--gg-accent, #f26649)}.card-variants__pill input:checked+span{background-color:var(--gg-accent, #f26649);border-color:var(--gg-accent, #f26649);color:#fff;font-weight:600}.card-variants__pill input:focus-visible+span{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem var(--gg-accent, #f26649)}.card-variants__pill--unavailable span{opacity:.45;text-decoration:line-through;cursor:not-allowed}.card-variants__select--option{min-height:4rem;font-weight:500;padding:0 3rem 0 1.2rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:.4rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1rem}.card-variants__select--option:hover{border-color:var(--gg-accent, #f26649);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>")}.card-variants__select--mobile{display:none}@media screen and (max-width:749px){.card-variants__pills--desktop{display:none}.card-variants__select--mobile{display:block}.card-variants__option{margin-bottom:.6rem}.card-variants__label{font-size:1rem;margin-bottom:.3rem}.card-variants__pills{flex-wrap:nowrap;gap:0}.card-variants__pill{flex:1 1 0;min-width:0}.card-variants__pill span{min-width:0;padding:.8rem .2rem;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0}.card-variants__pill+.card-variants__pill span{margin-left:-.1rem}.card-variants__pill:first-child span{border-radius:.4rem 0 0 .4rem}.card-variants__pill:last-child span{border-radius:0 .4rem .4rem 0}.card-variants__pill input:checked+span,.card-variants__pill input:hover+span{position:relative;z-index:1}.card-variants__select--option{min-height:3.6rem;font-size:1.2rem;padding:0 2.6rem 0 1rem;background-position:right 1rem center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/card-variants.css.map */