.bonnet-finder-row{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem 1.6rem;margin:0 0 1.6rem}.bonnet-finder-row__label{flex:1 1 0;min-width:0;margin:0;font-size:1.4rem}.bonnet-finder-row__label>span:first-child{margin-right:.6rem;color:rgb(var(--color-foreground))}.bonnet-finder-row__fits{display:inline-block;font-size:1.3rem;white-space:nowrap;color:rgba(var(--color-foreground),.65)}.bonnet-finder-row .size-finder-opener{flex:0 0 auto}.bonnet-finder-prompt__inner{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem;margin:0 0 2rem;font-size:1.5rem;letter-spacing:.04rem}@media screen and (min-width:1200px){.bonnet-finder-prompt__inner{max-width:1000px;margin-left:auto;margin-right:auto}}.bonnet-finder__intro{margin:-.4rem 0 2rem;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.bonnet-finder__optional{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.bonnet-finder__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media screen and (min-width:750px){.bonnet-finder__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.bonnet-finder__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.8rem;min-height:4.4rem;padding:1.2rem .8rem 1rem;font-family:inherit;font-size:1.3rem;line-height:1.3;letter-spacing:.03rem;text-align:center;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:1.2rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.bonnet-finder__card:hover{border-color:rgb(var(--color-foreground))}.bonnet-finder__card[aria-pressed=true]{background:rgba(var(--color-button),.22);border-color:rgb(var(--color-foreground))}.bonnet-finder__card:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.bonnet-finder__figure{display:block;width:5.6rem;height:7.6rem}.bonnet-finder__figure .bf-hair{fill:rgba(var(--color-foreground),.78);stroke:none}.bonnet-finder__figure .bf-body{fill:none;stroke:rgba(var(--color-foreground),.55);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.bonnet-finder__headfig .bf-body{fill:rgb(var(--color-background));stroke:rgba(var(--color-foreground),.7);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.bonnet-finder__strand{display:block;width:7.2rem;height:3.6rem}.bonnet-finder__strand path{fill:none;stroke:rgba(var(--color-foreground),.78);stroke-width:2.4;stroke-linecap:round}.bonnet-finder__head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 2rem}.bonnet-finder__head .size-finder__field{flex:0 1 22rem}.bonnet-finder__head .size-finder__seg--units{margin:0 0 1rem}.bonnet-finder__pick{display:flex;align-items:center;gap:1.6rem;margin:0 0 1.2rem}.bonnet-finder__pick-img{flex:0 0 auto;width:9.6rem;height:9.6rem;object-fit:cover;border-radius:.8rem;background:rgb(var(--color-background))}.bonnet-finder__pick .size-finder__size{margin:0 0 .4rem}.bonnet-finder__meta{margin:0;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.bonnet-finder__headnote{margin:0 0 1.2rem}.bonnet-finder__colours{margin:0 0 1.4rem}.bonnet-finder__colours-label{margin:0 0 1rem;font-size:1.3rem;letter-spacing:.04rem}.bonnet-finder__dots{display:flex;flex-wrap:wrap;gap:1.4rem;margin:0;padding:0 0 0 .5rem;list-style:none}.bonnet-finder__dot{position:relative;display:block;width:3rem;height:3rem;border-radius:50%;background:var(--bf-dot);box-shadow:inset 0 0 0 1px #00000024}.bonnet-finder__dot:after{content:"";position:absolute;top:-.7rem;right:-.7rem;bottom:-.7rem;left:-.7rem;border-radius:50%}.bonnet-finder__dot.is-picked:after{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border:1.5px solid rgb(var(--color-foreground))}.bonnet-finder__dot.is-soldout{opacity:.4}.bonnet-finder__dot:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.6rem}a.size-finder__select{box-sizing:border-box;text-decoration:none}.bonnet-finder__result .size-finder__note a{color:inherit;text-underline-offset:.3rem}.bonnet-finder__table td,.bonnet-finder__table th{white-space:normal;text-align:left;vertical-align:top}.bonnet-finder__table td:nth-child(3){white-space:nowrap}.bonnet-finder__howto{display:flex;align-items:flex-start;gap:2rem;font-size:1.4rem;line-height:1.5}.bonnet-finder__howto p{margin:0 0 1rem}.bonnet-finder__headfig{flex:0 0 auto;width:8rem;height:8.8rem}.bonnet-finder__headfig .sf-tape{fill:none;stroke:rgb(var(--color-button));stroke-width:3;stroke-linecap:round}.bonnet-finder__headfig .sf-tape--back{stroke-dasharray:3 4;opacity:.7}@media(prefers-reduced-motion:reduce){.bonnet-finder__card{transition:none}}.bonnet-finder-row .size-finder-trigger,.bonnet-finder-prompt .size-finder-trigger{position:relative}.bonnet-finder-row .size-finder-trigger:after,.bonnet-finder-prompt .size-finder-trigger:after{content:"";position:absolute;top:-1.2rem;right:-.8rem;bottom:-1.2rem;left:-.8rem}@media screen and (max-width:749px){.bonnet-finder__table th,.bonnet-finder__table td{padding:.9rem .6rem}.bonnet-finder__table th:nth-child(3){white-space:nowrap}}.bonnet-finder-prompt--centre .bonnet-finder-prompt__inner{justify-content:center;max-width:none;margin:0 0 3rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bonnet-finder.css.map */