.gaming-distance-dialog { box-sizing: border-box; width: min(640px, calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid #dce2e8; border-radius: 8px; background: #fff; color: #242a35; text-align: left; font-weight: 400; }
.gaming-distance-dialog::backdrop { background: rgb(16 24 40 / 55%); }
.gaming-distance-dialog h2 { margin: 0 36px 24px 0; font-size: 20px; letter-spacing: 0; }
.playnest-site .gaming-distance-close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; min-width: 0; padding: 0; border: 1px solid #dce2e8; border-radius: 4px; background: #fff; color: #242a35; font-size: 24px; cursor: pointer; }
.gaming-distances { min-width: 0; width: 100%; }
.gaming-distances fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 10px; }
.gaming-distances legend { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.gaming-distances label { font-size: 13px; margin: 0; }
.playnest-site .gaming-distances .gaming-distance-stepper { display: grid; grid-template-columns: 32px minmax(32px, 1fr) 32px; gap: 4px; max-width: 190px; padding: 0; border: 0; }
.gaming-distance-stepper button, .gaming-distance-stepper input { box-sizing: border-box; height: 36px; min-width: 0; width: 100%; border: 1px solid #d7dfe9; border-radius: 4px; background: #fff; color: #244fc5; text-align: center; font: inherit; padding: 4px; }
.gaming-distance-stepper button { cursor: pointer; font-size: 18px; }
.gaming-distance-stepper input[type=number] { -moz-appearance: textfield; appearance: textfield; }
.gaming-distance-stepper input[type=number]::-webkit-inner-spin-button,
.gaming-distance-stepper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.gaming-distances small { font-size: 12px; color: #626b78; font-weight: 400; }
.gaming-distances :disabled { opacity: .5; cursor: not-allowed; }
.gaming-distances .button { justify-self: start; }
.gaming-distances :focus-visible { outline: 2px solid #244fc5; outline-offset: 2px; }