.gpro-mcv-locations-editor{margin-top:12px}.gpro-mcv-locations-toggle{display:flex!important;align-items:center;gap:8px}.gpro-mcv-locations-toggle input{width:auto!important}.gpro-mcv-location-row{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #87959b;border-radius:9px}.gpro-mcv-location-row label{display:grid;gap:4px}.gpro-mcv-location-row input{width:100%;box-sizing:border-box}.gpro-mcv-location-row button{justify-self:start}.gpro-mcv-location-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;line-height:18px;background:var(--link-color,#b32664);color:#fff;font:700 11px/18px sans-serif;border-radius:20px;text-align:center;padding:0 3px;box-sizing:border-box;border:1px solid #fff;pointer-events:none}.gpro-mcv-locations-dialog{width:min(440px,calc(100% - 32px));max-height:80vh;box-sizing:border-box;border:0;border-radius:16px;padding:22px;background:#fff;color:#17252c;box-shadow:0 10px 60px #0005}.gpro-mcv-locations-dialog::backdrop{background:#0008}.gpro-mcv-locations-dialog h2{font:700 20px/1.3 sans-serif;margin:0 0 16px;color:inherit}.gpro-mcv-locations-dialog a{display:grid;gap:6px;padding:14px;margin:10px 0;border:1px solid #b8c3c8;border-radius:9px;text-decoration:none;color:#17252c;font:16px/1.4 sans-serif}.gpro-mcv-locations-dialog small{font-size:14px}.gpro-mcv-locations-dialog button{padding:9px 15px;border-radius:8px;border:1px solid #85949b;background:#edf2f4;color:#17252c}.gpro-mcv-locations-editor [hidden]{display:none!important}

/* Use the form width for store addresses, with one compact row per store on desktop. */
:is(div, fieldset):has(> .gpro-mcv-locations-editor [data-locations-toggle]:checked) {
    grid-column: 1 / -1;
    min-width: 0;
}
.gpro-mcv-locations-editor,
.gpro-mcv-location-row,
.gpro-mcv-location-row label {
    min-width: 0;
}
.gpro-mcv-locations-editor {
    container: mcv-locations / inline-size;
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box;
}
.gpro-mcv-location-row label {
    margin: 0 !important;
}
.gpro-mcv-location-row input {
    min-width: 0;
    margin: 0 !important;
}
@container mcv-locations (min-width: 480px) {
    .gpro-mcv-location-row {
        grid-template-columns: minmax(100px, 1fr) minmax(160px, 2fr) auto;
        align-items: end;
        gap: 12px;
        margin: 10px 0;
        padding: 10px 12px;
    }
    .gpro-mcv-location-row button {
        align-self: end;
        justify-self: stretch;
        margin: 0 !important;
        min-height: 40px;
        white-space: nowrap;
    }
}
@container mcv-locations (max-width: 479px) {
    .gpro-mcv-location-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .gpro-mcv-location-row button {
        max-width: 100%;
        white-space: normal;
    }
}
