.surface-swatch[data-v-f841345f]{display:block;position:relative;overflow:hidden}.surface-unknown[data-v-f841345f]{background:#e3e6e8}.surface-sport_court[data-v-f841345f]{background:radial-gradient(circle at 20% 30%,#ffffff24 0 1.5px,#0000 2px),radial-gradient(circle at 60% 70%,#0000001a 0 1px,#0000 2px),radial-gradient(circle at 85% 25%,#ffffff1a 0 1px,#0000 2px),linear-gradient(160deg,#8fa898,#71917f)}.surface-sport_court[data-v-f841345f]:after{content:"";background:linear-gradient(90deg,#0000 48.5%,#ffffffbf 48.5% 51.5%,#0000 51.5%),radial-gradient(circle at 50% 135%,#0000 55%,#ffffffbf 55% 59%,#0000 59%);position:absolute;inset:0}.surface-synthetic_grass[data-v-f841345f]{background:linear-gradient(115deg,#ffffff29 0 30%,#0000 45%),repeating-linear-gradient(90deg,#35b52c 0 12px,#2aa021 12px 24px,#3ec236 24px 36px,#2aa021 36px 48px)}.surface-synthetic_grass[data-v-f841345f]:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000d 3px 4px),linear-gradient(#0000 60%,#ffffffe6 60% 64%,#0000 64%);position:absolute;inset:0}.surface-natural_grass[data-v-f841345f]{background:radial-gradient(14px 6px at 25% 40%,#ffffff24,#0000),radial-gradient(16px 7px at 70% 65%,#0000002e,#0000),radial-gradient(12px 6px at 85% 30%,#ffffff1a,#0000),radial-gradient(18px 8px at 45% 80%,#0000001f,#0000),radial-gradient(10px 5px at 10% 75%,#785a282e,#0000),linear-gradient(150deg,#2e8a3f,#1d6e2f)}.surface-sand[data-v-f841345f]{background:radial-gradient(circle at 22% 35%,#ffffff80 0 1px,#0000 2px),radial-gradient(circle at 55% 60%,#8c6e3c66 0 1px,#0000 2px),radial-gradient(circle at 80% 30%,#ffffff73 0 1px,#0000 2px),radial-gradient(circle at 38% 78%,#8c6e3c59 0 1px,#0000 2px),linear-gradient(160deg,#ecd49c,#ddbf7f)}.surface-sand[data-v-f841345f]:after{content:"";background:radial-gradient(70% 30% at 50% 90%,#785a282e,#0000);position:absolute;inset:0}