body:has(#MainContent pawvow-style-picker) .site-header__main{border-bottom:0}.style-picker{--content-width: min(82rem, calc(var(--page-width) - var(--page-margin) * 2), calc(100% - var(--page-margin) * 2));display:grid;grid-template-columns:var(--content-margin) var(--content-width) var(--content-margin);width:100%;padding-bottom:var(--section-spacing)}.style-picker>*{grid-column:2}.style-picker [hidden]{display:none!important}.style-picker__header{grid-column:1 / -1;position:relative;isolation:isolate;padding-block:var(--section-spacing);text-align:left;margin-bottom:clamp(2.5rem,5vw,4rem);background:var(--color-surface)}.style-picker__header:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 45%,transparent) .8px,transparent 1.1px);background-size:9px 9px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 12%,#000 85%);mask-image:radial-gradient(ellipse at center,transparent 12%,#000 85%)}.style-picker__header-content{width:var(--content-width);margin-inline:auto}.style-picker__header:has(.style-picker__header-content>.visually-hidden):not(:has(.style-picker__description,.style-picker__steps)){padding-block:0;margin-bottom:var(--section-spacing);background:none}.style-picker__header:has(.style-picker__header-content>.visually-hidden):not(:has(.style-picker__description,.style-picker__steps)):before{content:none}.style-picker__title{max-width:min(100%,28rem)}.style-picker__description{max-width:42rem;margin:var(--space-3) auto 0;color:var(--color-muted);text-align:center}.style-picker__description>:first-child{margin-top:0}.style-picker__description>:last-child{margin-bottom:0}.style-picker__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);max-width:54rem;padding:0;margin:var(--space-8) auto 0;list-style:none}.style-picker__step{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.style-picker__step-connector{position:absolute;top:3.625rem;left:calc(100% - .75rem);width:3rem;height:.75rem;color:var(--color-ink);pointer-events:none}.style-picker__step-connector svg{display:block;width:100%;height:100%}.style-picker__step-connector path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.style-picker__step-number{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--color-accent) 30%,var(--color-surface))}.style-picker__step-icon{display:flex;margin-block:var(--space-3)}.style-picker__step-icon svg{width:2.25rem;height:2.25rem}.style-picker__step-description{margin-top:var(--space-1);color:var(--color-muted);text-wrap:balance}.style-picker__materials{min-width:0;padding:0;margin:0 0 var(--space-6);border:0}.style-picker__material-options{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.style-picker__material-button{flex:none;min-height:44px;padding:var(--space-2) var(--space-6);border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);border-radius:var(--style-border-radius-pill);background:var(--color-surface);color:var(--color-ink);white-space:nowrap;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.style-picker__material-button[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 22%,var(--color-surface))}.style-picker__grid{display:grid;grid-template-columns:repeat(var(--style-picker-columns, 4),minmax(0,1fr));column-gap:var(--space-6);row-gap:clamp(2rem,4vw,3rem);list-style:none;padding:0;margin:0}.style-picker__grid:empty{display:none}.style-picker__grid>li{min-width:0}.style-picker__empty{display:grid;gap:var(--space-2);padding-block:var(--space-8);text-align:center}.style-picker__empty-title{margin:0;color:var(--color-ink)}.style-picker__empty-hint{margin:0;color:var(--color-muted)}.style-picker-card{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;height:100%;text-align:center}.style-picker-card__action{position:relative;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;-webkit-user-select:none;user-select:none}.style-picker-card__start:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.style-picker-card__start:focus-visible{outline:none}:where(html:not([data-focus-input=pointer])) .style-picker-card__start:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:2px}.style-picker-card__media{display:block;position:relative;z-index:1;margin-bottom:var(--space-2);width:100%;aspect-ratio:1;overflow:hidden;background:var(--style-picker-image-background, var(--color-card-media))}.style-picker-card__image{position:absolute;inset:calc((100% - var(--style-picker-image-size, 120%)) / 2);display:block;width:var(--style-picker-image-size, 120%);height:var(--style-picker-image-size, 120%);max-width:none;object-fit:contain;transition:transform var(--motion-fast) var(--motion-ease)}.style-picker-card__details{display:grid;align-content:start}.style-picker-card__start{display:inline-flex;flex-direction:column;align-self:center;align-items:center;justify-content:center;gap:0;max-width:100%;min-height:44px;padding:var(--space-1) var(--space-2);border:0;border-radius:0;background:transparent;color:var(--color-ink);text-align:center}.style-picker-card__start:disabled{opacity:.55;cursor:default}.style-picker-card__start-wave{display:block;width:min(5.25rem,100%);height:.5rem;flex:none;color:var(--color-ink);pointer-events:none}.style-picker-card__start-wave svg{display:block;width:100%;height:100%;overflow:visible}.style-picker-card__start-wave .playful-heading__stroke{fill:none;stroke:currentcolor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media(hover:hover){.style-picker__material-button:hover{border-color:var(--color-accent)}.style-picker-card__action:has(.style-picker-card__start:hover:not(:disabled)) .style-picker-card__image{transform:scale(1.025)}}.style-picker-card__start [data-style-start-label]{overflow-wrap:anywhere}.style-picker-card__status{margin:0;color:var(--color-muted)}.style-picker-card__status:empty{display:none}@media(max-width:749px){.style-picker__steps{gap:var(--space-3)}.style-picker__step-connector{display:none}.style-picker__step-icon svg{width:2rem;height:2rem}.style-picker__material-options{width:calc(100% + var(--page-margin));flex-wrap:nowrap;gap:var(--space-2);padding-inline-end:var(--page-margin);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.style-picker__material-button{padding-inline:var(--space-4)}.style-picker__material-options::-webkit-scrollbar{display:none}.style-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-3);row-gap:var(--space-8)}.style-picker-card__dots{bottom:4px}}@media(prefers-reduced-motion:reduce){.style-picker__material-button,.style-picker-card__image{transition:none;transform:none!important}}.style-picker-card__media .product-gallery__slide{margin:0;background:var(--style-picker-image-background, var(--color-card-media))}.style-picker-card__action:has([data-style-start]:not(:disabled)) .style-picker-card__media{cursor:pointer}.style-picker-card__dots{position:absolute;z-index:2;inset:auto 12px 10px;display:flex;align-items:center;justify-content:safe center;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.style-picker-card__dots[hidden]{display:none}.style-picker-card__dots::-webkit-scrollbar{display:none}.style-picker-card__media:not(:defined) .product-gallery__slide:not(:first-child),.style-picker-card__media:not(:defined) .style-picker-card__dots{display:none}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-style-picker.css.map */