.pdp-step{--pdp-accent: var(--color-button, var(--color-foreground));--pdp-accent-text: var(--color-button-text, var(--color-background))}variant-selects>.pdp-step,variant-selects>.product-form__input.pdp-step,.product-form__input.pdp-step.pdp-step--extra{min-width:0;margin:1.2rem 0 0;padding:1.6rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--medium-blocks-radius, 1.2rem);background-color:rgb(var(--color-background))}variant-selects>.pdp-step:first-child,variant-selects>.product-form__input.pdp-step:first-child{margin-top:0}.pdp-step>legend{float:left;width:100%}.pdp-step>legend+*{clear:both}.pdp-step .form__label{margin:0 0 1.2rem}.pdp-step__number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;background-color:rgb(var(--pdp-accent));color:rgb(var(--pdp-accent-text));font-size:1.2rem;font-weight:var(--font-body-weight-bolder);line-height:1}.pdp-tiles{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.pdp-tiles--material{grid-template-columns:repeat(4,minmax(0,1fr))}.pdp-tiles--frame{grid-template-columns:repeat(5,minmax(0,1fr))}@media screen and (max-width:359px){.pdp-tiles--frame{grid-template-columns:repeat(4,minmax(0,1fr))}}.pdp-tiles--tile{grid-template-columns:repeat(4,minmax(0,1fr))}.pdp-tile--image-only{padding:.4rem}.pdp-sample{display:flex;clear:both;align-items:center;justify-content:space-between;gap:1.2rem;width:100%}.pdp-sample__switch{display:inline-flex;align-items:center;gap:1rem;min-width:0;min-height:4.4rem;white-space:normal;text-transform:none;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdp-sample__track{position:relative;flex-shrink:0;width:4.4rem;height:2.4rem;border-radius:99rem;background-color:rgba(var(--color-foreground),.2);transition:background-color var(--duration-default, .2s) ease}.pdp-sample__thumb{position:absolute;top:.3rem;inset-inline-start:.3rem;width:1.8rem;height:1.8rem;border-radius:50%;background-color:#fff;box-shadow:0 .1rem .2rem #0003;transition:transform var(--duration-default, .2s) ease}.pdp-sample__switch[aria-checked=true] .pdp-sample__track{background-color:rgb(var(--pdp-accent))}.pdp-sample__switch[aria-checked=true] .pdp-sample__thumb{transform:translate(2rem)}[dir=rtl] .pdp-sample__switch[aria-checked=true] .pdp-sample__thumb{transform:translate(-2rem)}.pdp-sample__switch:focus-visible .pdp-sample__track{outline:.2rem solid rgb(var(--pdp-accent));outline-offset:.2rem}.pdp-sample__label{font-size:1.5rem}.pdp-sample__price{flex-shrink:0;font-weight:var(--font-body-weight-bolder)}.pdp-sample__note{margin:1rem 0 0;font-size:1.3rem;line-height:1.5}.pdp-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;height:100%;margin:0;padding:.6rem .6rem .8rem;border:.15rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--small-blocks-radius, 1rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;cursor:pointer;transition:border-color var(--duration-default, .2s) ease}.pdp-tiles--frame .pdp-tile{padding:.4rem .4rem .8rem}.pdp-tile__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:calc(var(--small-blocks-radius, 1rem) * .6);background-color:rgb(var(--color-secondary-background))}.pdp-tile__label{font-size:1.3rem;line-height:1.2;text-align:center;overflow-wrap:anywhere}.pdp-tiles--frame .pdp-tile__label{font-size:1.2rem}@media(hover:hover){.pdp-tile:hover{border-color:rgba(var(--pdp-accent),.5)}}.pdp-tile.is-active,.pdp-step input[type=radio]:checked+.pdp-tile{border-color:rgb(var(--pdp-accent))}.pdp-tile.is-active .pdp-tile__label,.pdp-step input[type=radio]:checked+.pdp-tile .pdp-tile__label{font-weight:var(--font-body-weight-bolder)}.pdp-tile.is-active:after,.pdp-step input[type=radio]:checked+.pdp-tile:after{content:"";position:absolute;top:.4rem;inset-inline-end:.4rem;width:1.8rem;height:1.8rem;border-radius:50%;background:rgb(var(--pdp-accent)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 1rem no-repeat}.pdp-tiles--frame .pdp-tile.is-active:after,.pdp-step input[type=radio]:checked+.pdp-tile:after{top:.3rem;inset-inline-end:.3rem;width:1.6rem;height:1.6rem;background-size:.9rem}.pdp-step input[type=radio].disabled+.pdp-tile{opacity:.45}.pdp-step input[data-pdp-hidden]+.pdp-tile{display:none}.pdp-tile:focus-visible,.pdp-step input[type=radio]:focus-visible+.pdp-tile{outline:none;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-product-steps.css.map */