.patch-picker{background-color:rgb(var(--color-scheme-background));color:rgb(var(--color-scheme-text));padding-block:var(--spacing-section, 2.5rem)}.patch-picker .pp-container{max-width:var(--max-site-width, 1820px);margin-inline:auto;padding-inline:1.25rem}@media(min-width:990px){.patch-picker .pp-container{padding-inline:2.5rem}}.patch-picker .pp-header{max-width:46rem;margin-bottom:2rem}.patch-picker .pp-title{margin:0 0 .5rem;font-family:var(--heading-font-stack);font-weight:var(--heading-font-weight);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letterspacing);line-height:var(--heading-line-height)}.patch-picker .pp-from-price{margin:0 0 1rem;font-size:var(--font-size-md)}.patch-picker .pp-description,.patch-picker .pp-intro{margin:0 0 1rem}.patch-picker .pp-intro{color:rgb(var(--color-scheme-text) / .75)}.patch-picker .pp-grid{display:grid;grid-template-columns:repeat(var(--pp-cols-mobile, 2),minmax(0,1fr));gap:1.25rem .75rem;margin:0;padding:0;list-style:none}@media(min-width:750px){.patch-picker .pp-grid{grid-template-columns:repeat(var(--pp-cols-tablet, 3),minmax(0,1fr));gap:2rem 1.25rem}}@media(min-width:990px){.patch-picker .pp-grid{grid-template-columns:repeat(var(--pp-cols-desktop, 4),minmax(0,1fr))}}.patch-picker .pp-card{display:flex;flex-direction:column;gap:.75rem;min-width:0}.patch-picker .pp-card__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:1px solid rgb(var(--color-scheme-text) / .12);border-radius:var(--media-border-radius, 0);background:rgb(var(--color-scheme-text) / .03);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.patch-picker .pp-card__media:hover{border-color:rgb(var(--color-scheme-text) / .4)}.patch-picker .pp-card__media:focus-visible{outline:2px solid rgb(var(--color-scheme-text));outline-offset:2px}.patch-picker .pp-card.is-selected .pp-card__media{border-color:rgb(var(--color-scheme-text));box-shadow:inset 0 0 0 1px rgb(var(--color-scheme-text))}.patch-picker .pp-card__img{display:block;width:100%;height:100%;object-fit:contain;padding:8%;border-radius:0}.patch-picker .pp-card__placeholder{fill:rgb(var(--color-scheme-text) / .25)}.patch-picker .pp-card__badge{position:absolute;top:.5rem;right:.5rem;display:none;min-width:1.75rem;height:1.75rem;padding:0 .4rem;align-items:center;justify-content:center;border-radius:9999px;background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background));font-size:var(--font-size-sm);font-weight:600;line-height:1}.patch-picker .pp-card.is-selected .pp-card__badge{display:inline-flex}.patch-picker .pp-card__tag{position:absolute;left:.5rem;bottom:.5rem;padding:.2rem .5rem;background:rgb(var(--color-scheme-background));color:rgb(var(--color-scheme-text));border:1px solid rgb(var(--color-scheme-text) / .2);font-size:var(--font-size-xs);line-height:1.3}.patch-picker .pp-card.is-active .pp-card__media{outline:2px solid rgb(var(--color-scheme-text));outline-offset:4px}.patch-picker .pp-card.is-active .pp-card__title{text-decoration:underline;text-underline-offset:.25em}.patch-picker .pp-card.is-sold-out .pp-card__img{opacity:.4}.patch-picker .pp-card__title{margin:0;font-size:var(--font-size-base);font-weight:inherit;line-height:1.3}.patch-picker .pp-card__price{margin:.15rem 0 0;color:rgb(var(--color-scheme-text) / .75);font-size:var(--font-size-sm)}.patch-picker .pp-card__compare{margin-left:.4rem;opacity:.6}.patch-picker .pp-stepper{display:flex;align-items:stretch;width:100%;max-width:9rem;height:2.5rem;margin-top:auto;border:1px solid rgb(var(--color-scheme-text));border-radius:var(--input-border-radius, 0);overflow:hidden}.patch-picker .pp-card.is-sold-out .pp-stepper{opacity:.35}.patch-picker .pp-stepper__btn{flex:0 0 2.5rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.patch-picker .pp-stepper__btn:disabled{opacity:.3;cursor:not-allowed}.patch-picker .pp-stepper__btn:focus-visible,.patch-picker .pp-stepper__input:focus-visible{outline:2px solid rgb(var(--color-scheme-text));outline-offset:-2px}.patch-picker .pp-stepper__icon{display:block;width:1rem;height:1rem}.patch-picker .pp-stepper__icon svg{display:block;width:100%;height:100%}.patch-picker .pp-stepper__input{flex:1 1 auto;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.patch-picker .pp-stepper__input::-webkit-outer-spin-button,.patch-picker .pp-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.patch-picker .pp-summary{position:sticky;bottom:0;z-index:2;margin-top:2rem;padding:1rem 0 max(1rem,env(safe-area-inset-bottom));background:rgb(var(--color-scheme-background));border-top:1px solid rgb(var(--color-scheme-text) / .15)}@media(min-width:990px){.patch-picker .pp-summary{display:grid;grid-template-columns:1fr minmax(18rem,26rem);align-items:center;column-gap:2rem}.patch-picker .pp-summary .pp-submit{grid-column:2;grid-row:1 / span 2}.patch-picker .pp-summary .pp-message{grid-column:1 / -1}}.patch-picker .pp-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}@media(min-width:990px){.patch-picker .pp-summary__row{justify-content:flex-start;margin-bottom:0}}.patch-picker .pp-summary__count{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:0}.patch-picker .pp-summary__total{font-weight:600}.patch-picker .pp-summary__clear{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--font-size-sm);text-decoration:underline;cursor:pointer}.patch-picker .pp-summary__clear[hidden]{display:none}.patch-picker .pp-summary__note{margin:0 0 .75rem;color:rgb(var(--color-scheme-text) / .75);font-size:var(--font-size-sm)}@media(min-width:990px){.patch-picker .pp-summary__note{margin:.25rem 0 0}}.patch-picker .pp-submit:disabled{opacity:.5;cursor:not-allowed}.patch-picker .pp-submit.is-loading{opacity:.6;pointer-events:none}.patch-picker .pp-message{margin:.75rem 0 0;font-size:var(--font-size-sm)}.patch-picker .pp-message[hidden]{display:none}.patch-picker .pp-message--error{color:rgb(var(--color-scheme-error, 245, 0, 0))}.patch-picker .pp-message--success a{margin-left:.4rem;color:inherit;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/4/assets/patch-picker.css.map */