.casepoppy-style-picker{padding-block:14px}.casepoppy-style-picker .casepoppy-designed-style__heading{margin-bottom:11px}.casepoppy-style-picker .casepoppy-style-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:start;gap:10px 14px;width:min(100%,280px);padding:3px}.casepoppy-style-picker .casepoppy-designed-style__option{min-width:0}.casepoppy-style-picker .casepoppy-designed-style__swatch{width:56px;height:56px;max-width:100%;aspect-ratio:1}.casepoppy-style-picker__footer{position:relative;min-height:24px;margin-top:10px}.casepoppy-style-picker__toggle,.casepoppy-style-picker__browse{color:#292723;font-size:11px;line-height:24px;letter-spacing:.01em;text-underline-offset:3px}.casepoppy-style-picker__toggle{display:flex;align-items:center;gap:5px;width:fit-content;max-width:calc(100% - 125px);padding:0;cursor:pointer;list-style:none}.casepoppy-style-picker__toggle::-webkit-details-marker{display:none}.casepoppy-style-picker__toggle svg{flex:0 0 auto}.casepoppy-style-picker__hide,.casepoppy-style-picker__details[open] .casepoppy-style-picker__show{display:none}.casepoppy-style-picker__details[open] .casepoppy-style-picker__hide{display:inline}.casepoppy-style-picker__details[open] .casepoppy-style-picker__toggle svg{transform:rotate(180deg)}.casepoppy-style-picker .casepoppy-style-picker__extra{margin-top:10px}.casepoppy-style-picker__browse{position:absolute;inset:0 0 auto auto;text-decoration:underline}.casepoppy-style-picker__toggle:focus-visible,.casepoppy-style-picker__browse:focus-visible{outline:2px solid #ff008a;outline-offset:3px}@media screen and (max-width:749px){.casepoppy-style-picker{padding-block:12px}.casepoppy-style-picker .casepoppy-style-picker__grid{width:min(100%,264px);gap:8px 14px}.casepoppy-style-picker .casepoppy-designed-style__swatch{width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/casepoppy-style-picker.css.map */