.sp-picker{border:0;min-width:0;margin:0;padding:0}.sp-picker>legend{color:inherit;margin-bottom:14px;padding:0;font-size:14px;font-weight:650}.sp-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sp-picker .sp-card{--sp-tone:#b84322;min-width:0;position:relative}.sp-picker .sp-tone-pink{--sp-tone:#b62059}.sp-picker .sp-tone-yellow{--sp-tone:#946400}.sp-picker .sp-tone-blue{--sp-tone:#176bc4}.sp-picker .sp-tone-green{--sp-tone:#267342}.sp-picker .sp-tone-lilac{--sp-tone:#6c46a1}.sp-picker .sp-radio{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sp-picker .sp-image-card{background:var(--sp-tone);color:#fff;width:100%;height:158px;font:inherit;text-align:left;cursor:pointer;border:1px solid #ffffff17;border-radius:10px;padding:0;transition:border-color .16s,box-shadow .16s;display:block;position:relative;overflow:hidden}.sp-picker .sp-artwork-frame{border-radius:5px;width:88px;height:88px;transition:transform .22s;display:block;position:absolute;bottom:-8px;right:-7px;overflow:hidden;transform:rotate(18deg);box-shadow:-7px 7px 18px #0000004d}.sp-picker .sp-artwork{object-fit:cover;width:100%;height:100%;transition:transform .22s;position:absolute;inset:0}.sp-picker .sp-card-copy{z-index:1;display:block;position:absolute;inset:14px}.sp-picker .sp-card-copy strong{letter-spacing:-.045em;overflow-wrap:normal;max-width:100%;font-size:26px;font-weight:850;line-height:1.02;display:block}.sp-picker .sp-card-copy>span{color:#fffffff0;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:55%;font-size:11px;line-height:1.35;display:-webkit-box;position:absolute;bottom:0;left:0;overflow:hidden}.sp-picker .sp-selection{z-index:2;color:#132018;opacity:0;background:#caff7b;border-radius:50%;place-items:center;width:26px;height:26px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:10px;right:10px;transform:scale(.8)}.sp-picker .sp-preview{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101510b8;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid;position:absolute;bottom:8px;right:8px}.sp-picker .sp-preview[aria-pressed=true]{color:#132018;background:#caff7b;border-color:#caff7b}.sp-picker .sp-radio:checked+.sp-image-card{border-color:#caff7b;box-shadow:0 0 0 2px #caff7b}.sp-picker .sp-radio:checked+.sp-image-card .sp-selection{opacity:1;transform:scale(1)}.sp-picker .sp-radio:focus-visible+.sp-image-card,.sp-picker .sp-image-card:focus-visible,.sp-picker .sp-preview:focus-visible{outline-offset:4px;outline:3px solid #caff7b}.sp-picker .sp-preview-error{color:#ffb7ae;margin:12px 0 0;font-size:12px;line-height:1.5}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sp-picker .sp-image-card:hover .sp-artwork-frame{transform:rotate(14deg)scale(1.04)}}@media (max-width:540px){.sp-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-picker .sp-image-card{height:136px}.sp-picker .sp-artwork-frame{width:80px;height:80px}.sp-picker .sp-card-copy{inset:12px}.sp-picker .sp-card-copy strong{font-size:24px}.sp-picker .sp-card-copy>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.sp-picker *,.sp-picker :before,.sp-picker :after{transition:none!important}}