#seatingRoot.sp #spStudio .sp-garden-surfaces{min-width:0;margin:0;padding:0;border:0}
#seatingRoot.sp #spStudio .sp-garden-surfaces legend{padding:0 0 7px;font-size:11px;color:#655a48}
#seatingRoot.sp #spStudio .sp-garden-surfaces>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#seatingRoot.sp #spStudio .sp-garden-surfaces button{display:grid;align-items:center;justify-items:center;gap:6px;min-width:0;min-height:76px;padding:6px;border-radius:12px}
#seatingRoot.sp #spStudio .sp-garden-surfaces button[aria-pressed=true]{outline:2px solid #587360;outline-offset:-2px;background:#eef1e7;color:#304f3d;font-weight:650}
#seatingRoot.sp #spStudio .sp-garden-surfaces i{display:block;width:100%;height:26px;border-radius:6px;box-shadow:inset 0 0 0 1px #00000012}
#seatingRoot.sp #spStudio .sp-garden-surfaces .is-grass{background:repeating-linear-gradient(72deg,#738b5022 0 2px,#afbc8322 2px 3px),repeating-linear-gradient(107deg,#658043 0 2px,#8da260 2px 4px)}
#seatingRoot.sp #spStudio .sp-garden-surfaces .is-gravel{background:radial-gradient(ellipse at 20% 40%,#e8e0d0 0 30%,transparent 34%) 0 0/9px 7px,radial-gradient(ellipse at 60% 55%,#b9ae9d 0 29%,transparent 33%) 2px 3px/11px 8px,#cec4b3}
#seatingRoot.sp #spStudio .sp-garden-surfaces .is-deck{background:repeating-linear-gradient(90deg,#b39575 0 13px,#80694f 13px 14px,#c4a584 14px 28px,#80694f 28px 29px)}
@media(max-width:700px){#seatingRoot.sp #spStudio .sp-garden-surfaces button{min-height:64px;font-size:11px;padding:5px}}